@pilotiq/pilotiq 0.24.1 → 0.24.3

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 (518) hide show
  1. package/CHANGELOG.md +57 -0
  2. package/boost/guidelines.md +571 -0
  3. package/boost/skills/pilotiq-actions/SKILL.md +49 -0
  4. package/boost/skills/pilotiq-actions/rules/dispatch-modes.md +177 -0
  5. package/boost/skills/pilotiq-actions/rules/factories.md +130 -0
  6. package/boost/skills/pilotiq-actions/rules/visibility-and-authorization.md +125 -0
  7. package/boost/skills/pilotiq-fields/SKILL.md +47 -0
  8. package/boost/skills/pilotiq-fields/rules/field-catalog.md +288 -0
  9. package/boost/skills/pilotiq-fields/rules/reactive-fields.md +199 -0
  10. package/boost/skills/pilotiq-fields/rules/validation.md +198 -0
  11. package/boost/skills/pilotiq-relations/SKILL.md +47 -0
  12. package/boost/skills/pilotiq-relations/rules/relation-managers.md +256 -0
  13. package/boost/skills/pilotiq-relations/rules/repeater-relationship.md +177 -0
  14. package/boost/skills/pilotiq-resource/SKILL.md +61 -0
  15. package/boost/skills/pilotiq-resource/rules/authorization.md +242 -0
  16. package/boost/skills/pilotiq-resource/rules/defining-resources.md +228 -0
  17. package/boost/skills/pilotiq-resource/rules/page-overrides.md +296 -0
  18. package/dist/Pilotiq.d.ts +31 -0
  19. package/dist/Pilotiq.d.ts.map +1 -1
  20. package/dist/Pilotiq.js +3 -1
  21. package/dist/Pilotiq.js.map +1 -1
  22. package/dist/PilotiqRegistry.d.ts +13 -0
  23. package/dist/PilotiqRegistry.d.ts.map +1 -1
  24. package/dist/PilotiqRegistry.js +15 -0
  25. package/dist/PilotiqRegistry.js.map +1 -1
  26. package/dist/pageData/misc.d.ts.map +1 -1
  27. package/dist/pageData/misc.js +6 -0
  28. package/dist/pageData/misc.js.map +1 -1
  29. package/dist/pageData/navigation.d.ts +1 -0
  30. package/dist/pageData/navigation.d.ts.map +1 -1
  31. package/dist/pageData/navigation.js +3 -0
  32. package/dist/pageData/navigation.js.map +1 -1
  33. package/dist/pageData/relationPages.d.ts.map +1 -1
  34. package/dist/pageData/relationPages.js +3 -0
  35. package/dist/pageData/relationPages.js.map +1 -1
  36. package/dist/pageData/resourcePages.d.ts.map +1 -1
  37. package/dist/pageData/resourcePages.js +8 -0
  38. package/dist/pageData/resourcePages.js.map +1 -1
  39. package/dist/react/AppShell.d.ts +8 -0
  40. package/dist/react/AppShell.d.ts.map +1 -1
  41. package/dist/react/AppShell.js.map +1 -1
  42. package/dist/react/layouts/SidebarLayout.d.ts.map +1 -1
  43. package/dist/react/layouts/SidebarLayout.js +10 -2
  44. package/dist/react/layouts/SidebarLayout.js.map +1 -1
  45. package/dist/react/widgets/StatsOverviewRenderer.d.ts.map +1 -1
  46. package/dist/react/widgets/StatsOverviewRenderer.js +32 -18
  47. package/dist/react/widgets/StatsOverviewRenderer.js.map +1 -1
  48. package/dist/routes/relations.d.ts.map +1 -1
  49. package/dist/routes/relations.js +25 -18
  50. package/dist/routes/relations.js.map +1 -1
  51. package/dist/routes/resources.js.map +1 -1
  52. package/package.json +10 -5
  53. package/.turbo/turbo-build.log +0 -8
  54. package/CLAUDE.md +0 -265
  55. package/src/Cluster.test.ts +0 -283
  56. package/src/Cluster.ts +0 -83
  57. package/src/Column.test.ts +0 -199
  58. package/src/Column.ts +0 -710
  59. package/src/Global.test.ts +0 -367
  60. package/src/Global.ts +0 -169
  61. package/src/Page.test.ts +0 -114
  62. package/src/Page.ts +0 -208
  63. package/src/Pilotiq.perf.test.ts +0 -252
  64. package/src/Pilotiq.test.ts +0 -129
  65. package/src/Pilotiq.ts +0 -1158
  66. package/src/PilotiqRegistry.ts +0 -36
  67. package/src/PilotiqServiceProvider.ts +0 -121
  68. package/src/RelationManager.test.ts +0 -400
  69. package/src/RelationManager.ts +0 -527
  70. package/src/RenderHook.test.ts +0 -252
  71. package/src/RenderHook.ts +0 -242
  72. package/src/Resource.test.ts +0 -284
  73. package/src/Resource.ts +0 -526
  74. package/src/RightPanel.test.ts +0 -202
  75. package/src/RightPanel.ts +0 -132
  76. package/src/Tab.test.ts +0 -91
  77. package/src/Tab.ts +0 -156
  78. package/src/UserMenuItem.ts +0 -145
  79. package/src/actions/Action.test.ts +0 -2526
  80. package/src/actions/Action.ts +0 -1515
  81. package/src/actions/ActionGroup.test.ts +0 -112
  82. package/src/actions/ActionGroup.ts +0 -173
  83. package/src/actions/attachFactory.ts +0 -172
  84. package/src/actions/bulkFactories.ts +0 -168
  85. package/src/actions/crudFactories.ts +0 -220
  86. package/src/actions/exportFactory.ts +0 -225
  87. package/src/actions/factoryHelpers.ts +0 -177
  88. package/src/actions/importFactory.ts +0 -243
  89. package/src/actions/index.ts +0 -17
  90. package/src/actions/m2mFactories.ts +0 -193
  91. package/src/actions/relationFactories.ts +0 -372
  92. package/src/applyPageHooks.test.ts +0 -463
  93. package/src/applyPageHooks.ts +0 -330
  94. package/src/authorization.test.ts +0 -483
  95. package/src/breadcrumbs.test.ts +0 -238
  96. package/src/cells/coerce.test.ts +0 -85
  97. package/src/cells/coerce.ts +0 -84
  98. package/src/clusterPaths.ts +0 -35
  99. package/src/columns/BadgeColumn.test.ts +0 -54
  100. package/src/columns/BadgeColumn.ts +0 -32
  101. package/src/columns/BooleanColumn.test.ts +0 -41
  102. package/src/columns/BooleanColumn.ts +0 -18
  103. package/src/columns/ColorColumn.test.ts +0 -37
  104. package/src/columns/ColorColumn.ts +0 -38
  105. package/src/columns/IconColumn.test.ts +0 -54
  106. package/src/columns/IconColumn.ts +0 -37
  107. package/src/columns/ImageColumn.test.ts +0 -41
  108. package/src/columns/ImageColumn.ts +0 -28
  109. package/src/columns/SelectColumn.ts +0 -98
  110. package/src/columns/TextColumn.test.ts +0 -190
  111. package/src/columns/TextColumn.ts +0 -20
  112. package/src/columns/TextInputColumn.ts +0 -68
  113. package/src/columns/ToggleColumn.ts +0 -46
  114. package/src/columns/editableColumns.test.ts +0 -238
  115. package/src/columns/index.ts +0 -9
  116. package/src/defaultGlobalPages.ts +0 -95
  117. package/src/defaultPages.test.ts +0 -634
  118. package/src/defaultPages.ts +0 -617
  119. package/src/defaultViewPage.test.ts +0 -147
  120. package/src/elements/Form.test.ts +0 -223
  121. package/src/elements/Form.ts +0 -416
  122. package/src/elements/ListTabs.ts +0 -28
  123. package/src/elements/Table.test.ts +0 -422
  124. package/src/elements/Table.ts +0 -850
  125. package/src/elements/TableGroup.test.ts +0 -260
  126. package/src/elements/TableGroup.ts +0 -334
  127. package/src/elements/dispatchAction.test.ts +0 -463
  128. package/src/elements/dispatchAction.ts +0 -355
  129. package/src/elements/dispatchForm.test.ts +0 -477
  130. package/src/elements/dispatchForm.ts +0 -1993
  131. package/src/elements/dispatchTable.test.ts +0 -1514
  132. package/src/elements/dispatchTable.ts +0 -745
  133. package/src/elements/index.ts +0 -21
  134. package/src/entries/BadgeEntry.ts +0 -39
  135. package/src/entries/CodeEntry.test.ts +0 -40
  136. package/src/entries/CodeEntry.ts +0 -52
  137. package/src/entries/ColorEntry.ts +0 -63
  138. package/src/entries/ComponentEntry.test.ts +0 -173
  139. package/src/entries/ComponentEntry.ts +0 -95
  140. package/src/entries/Entry.ts +0 -304
  141. package/src/entries/IconEntry.ts +0 -49
  142. package/src/entries/ImageEntry.ts +0 -61
  143. package/src/entries/KeyValueEntry.ts +0 -47
  144. package/src/entries/RepeatableEntry.test.ts +0 -239
  145. package/src/entries/RepeatableEntry.ts +0 -173
  146. package/src/entries/TextEntry.test.ts +0 -394
  147. package/src/entries/TextEntry.ts +0 -60
  148. package/src/entries/index.ts +0 -12
  149. package/src/entries/leaves.test.ts +0 -306
  150. package/src/entries/registry.ts +0 -54
  151. package/src/fields/BuilderField.test.ts +0 -1188
  152. package/src/fields/BuilderField.ts +0 -605
  153. package/src/fields/BuilderRelationship.test.ts +0 -811
  154. package/src/fields/CheckboxField.test.ts +0 -44
  155. package/src/fields/CheckboxField.ts +0 -27
  156. package/src/fields/CheckboxListField.test.ts +0 -99
  157. package/src/fields/CheckboxListField.ts +0 -66
  158. package/src/fields/ColorPickerField.test.ts +0 -33
  159. package/src/fields/ColorPickerField.ts +0 -25
  160. package/src/fields/DateField.ts +0 -54
  161. package/src/fields/DateTimeField.test.ts +0 -55
  162. package/src/fields/EmailField.ts +0 -16
  163. package/src/fields/Field.test.ts +0 -654
  164. package/src/fields/Field.ts +0 -817
  165. package/src/fields/FileUploadField.test.ts +0 -143
  166. package/src/fields/FileUploadField.ts +0 -159
  167. package/src/fields/HiddenField.test.ts +0 -27
  168. package/src/fields/HiddenField.ts +0 -28
  169. package/src/fields/KeyValueField.test.ts +0 -105
  170. package/src/fields/KeyValueField.ts +0 -55
  171. package/src/fields/MarkdownField.test.ts +0 -167
  172. package/src/fields/MarkdownField.ts +0 -162
  173. package/src/fields/NumberField.ts +0 -33
  174. package/src/fields/RadioField.test.ts +0 -94
  175. package/src/fields/RadioField.ts +0 -67
  176. package/src/fields/RepeaterField.test.ts +0 -1806
  177. package/src/fields/RepeaterField.ts +0 -939
  178. package/src/fields/RepeaterRelationship.test.ts +0 -1923
  179. package/src/fields/RepeaterSimple.test.ts +0 -248
  180. package/src/fields/RowButton.test.ts +0 -219
  181. package/src/fields/RowButton.ts +0 -135
  182. package/src/fields/SelectField.test.ts +0 -192
  183. package/src/fields/SelectField.ts +0 -235
  184. package/src/fields/SliderField.test.ts +0 -50
  185. package/src/fields/SliderField.ts +0 -53
  186. package/src/fields/SlugField.ts +0 -24
  187. package/src/fields/TagsInputField.test.ts +0 -154
  188. package/src/fields/TagsInputField.ts +0 -133
  189. package/src/fields/TextField.test.ts +0 -213
  190. package/src/fields/TextField.ts +0 -177
  191. package/src/fields/TextareaField.test.ts +0 -58
  192. package/src/fields/TextareaField.ts +0 -59
  193. package/src/fields/ToggleButtonsField.test.ts +0 -106
  194. package/src/fields/ToggleButtonsField.ts +0 -59
  195. package/src/fields/ToggleField.ts +0 -16
  196. package/src/fields/disableOptionsWhenSelectedInSiblingRepeaterItems.test.ts +0 -319
  197. package/src/fields/optionsResolver.ts +0 -95
  198. package/src/fields/resolveField.ts +0 -28
  199. package/src/filters/BooleanFilter.ts +0 -35
  200. package/src/filters/DateRangeFilter.test.ts +0 -194
  201. package/src/filters/DateRangeFilter.ts +0 -148
  202. package/src/filters/Filter.test.ts +0 -268
  203. package/src/filters/Filter.ts +0 -184
  204. package/src/filters/FormFilter.test.ts +0 -238
  205. package/src/filters/FormFilter.ts +0 -215
  206. package/src/filters/MultiSelectFilter.test.ts +0 -119
  207. package/src/filters/MultiSelectFilter.ts +0 -78
  208. package/src/filters/QueryBuilderFilter.test.ts +0 -662
  209. package/src/filters/QueryBuilderFilter.ts +0 -398
  210. package/src/filters/SelectFilter.ts +0 -46
  211. package/src/filters/TernaryFilter.test.ts +0 -160
  212. package/src/filters/TernaryFilter.ts +0 -72
  213. package/src/filters/TrashedFilter.test.ts +0 -149
  214. package/src/filters/TrashedFilter.ts +0 -55
  215. package/src/filters/queryBuilder/BooleanConstraint.ts +0 -31
  216. package/src/filters/queryBuilder/Constraint.ts +0 -115
  217. package/src/filters/queryBuilder/DateConstraint.ts +0 -69
  218. package/src/filters/queryBuilder/NumberConstraint.ts +0 -66
  219. package/src/filters/queryBuilder/SelectConstraint.ts +0 -72
  220. package/src/filters/queryBuilder/TextConstraint.ts +0 -64
  221. package/src/filters/queryBuilder/index.ts +0 -12
  222. package/src/icons/index.ts +0 -2
  223. package/src/icons/lucide.ts +0 -204
  224. package/src/icons/registry.test.ts +0 -56
  225. package/src/icons/registry.ts +0 -41
  226. package/src/icons/types.ts +0 -47
  227. package/src/index.ts +0 -525
  228. package/src/io/csv.test.ts +0 -142
  229. package/src/io/csv.ts +0 -170
  230. package/src/nestedRelationManagerData.test.ts +0 -547
  231. package/src/notifications/Notification.test.ts +0 -210
  232. package/src/notifications/Notification.ts +0 -354
  233. package/src/notifications/broadcast.test.ts +0 -110
  234. package/src/notifications/broadcast.ts +0 -95
  235. package/src/notifications/database.test.ts +0 -383
  236. package/src/notifications/database.ts +0 -398
  237. package/src/notifications/databaseNotifications.test.ts +0 -187
  238. package/src/notifications/dispatchNotificationAction.test.ts +0 -341
  239. package/src/notifications/dispatchNotificationAction.ts +0 -142
  240. package/src/notifications/flash.test.ts +0 -89
  241. package/src/notifications/flash.ts +0 -71
  242. package/src/notifications/index.ts +0 -45
  243. package/src/notifications/registerBroadcastAuth.test.ts +0 -134
  244. package/src/notifications/registerBroadcastAuth.ts +0 -100
  245. package/src/notifications/resolveSavedNotification.test.ts +0 -82
  246. package/src/notifications/resolveSavedNotification.ts +0 -59
  247. package/src/notifications/types.ts +0 -93
  248. package/src/orm/m2mAccessor.ts +0 -66
  249. package/src/orm/modelDefaults.test.ts +0 -633
  250. package/src/orm/modelDefaults.ts +0 -666
  251. package/src/pageData/breadcrumbs.ts +0 -288
  252. package/src/pageData/forms.ts +0 -578
  253. package/src/pageData/helpers.ts +0 -857
  254. package/src/pageData/misc.ts +0 -347
  255. package/src/pageData/navigation.ts +0 -842
  256. package/src/pageData/relationPages.ts +0 -1248
  257. package/src/pageData/relationTabs.ts +0 -286
  258. package/src/pageData/resourcePages.ts +0 -609
  259. package/src/pageData.test.ts +0 -1545
  260. package/src/pageData.ts +0 -341
  261. package/src/plugins/index.ts +0 -8
  262. package/src/plugins/themeEditor.test.ts +0 -36
  263. package/src/plugins/themeEditor.ts +0 -45
  264. package/src/react/AppShell.tsx +0 -251
  265. package/src/react/CollabExtensionFactoryRegistry.ts +0 -55
  266. package/src/react/CollabRoomContext.ts +0 -98
  267. package/src/react/CollabTextRendererRegistry.ts +0 -102
  268. package/src/react/CommandPalette.tsx +0 -375
  269. package/src/react/CurrentUserContext.tsx +0 -50
  270. package/src/react/CustomPageWrapperGate.tsx +0 -69
  271. package/src/react/CustomPageWrapperRegistry.ts +0 -45
  272. package/src/react/FieldFocusReporterRegistry.ts +0 -37
  273. package/src/react/FieldLabelSlotRegistry.ts +0 -30
  274. package/src/react/FieldPresenceRegistry.ts +0 -46
  275. package/src/react/FormCollabBindingRegistry.ts +0 -242
  276. package/src/react/FormStateContext.tsx +0 -591
  277. package/src/react/HeadHooks.tsx +0 -126
  278. package/src/react/MarkdownEditorRegistry.test.ts +0 -38
  279. package/src/react/MarkdownEditorRegistry.ts +0 -107
  280. package/src/react/NotificationActionStrip.tsx +0 -263
  281. package/src/react/NotificationBell.tsx +0 -426
  282. package/src/react/PendingSuggestionApplierRegistry.test.ts +0 -97
  283. package/src/react/PendingSuggestionApplierRegistry.ts +0 -98
  284. package/src/react/PendingSuggestionOverlayRegistry.ts +0 -54
  285. package/src/react/PendingSuggestionsContext.tsx +0 -172
  286. package/src/react/RecordWrapperGate.tsx +0 -58
  287. package/src/react/RecordWrapperRegistry.ts +0 -39
  288. package/src/react/RenderHookSlot.tsx +0 -32
  289. package/src/react/RightSidebar.tsx +0 -257
  290. package/src/react/RightSidebarContext.tsx +0 -234
  291. package/src/react/RightSidebarTrigger.tsx +0 -53
  292. package/src/react/RowCoordsContext.tsx +0 -23
  293. package/src/react/SchemaRenderer.tsx +0 -549
  294. package/src/react/SearchTrigger.tsx +0 -46
  295. package/src/react/ThemeProvider.tsx +0 -93
  296. package/src/react/ThemeSettingsPage.tsx +0 -579
  297. package/src/react/ThemeToggle.tsx +0 -20
  298. package/src/react/Toaster.tsx +0 -158
  299. package/src/react/UserMenu.tsx +0 -196
  300. package/src/react/WidgetDataContext.tsx +0 -157
  301. package/src/react/cells/EditableCell.tsx +0 -389
  302. package/src/react/component-slots.test.ts +0 -103
  303. package/src/react/component-slots.ts +0 -116
  304. package/src/react/fieldJsHandler.test.ts +0 -166
  305. package/src/react/fieldJsHandler.ts +0 -79
  306. package/src/react/fields/BuilderInput.tsx +0 -1078
  307. package/src/react/fields/CheckboxInput.tsx +0 -39
  308. package/src/react/fields/CheckboxListInput.tsx +0 -102
  309. package/src/react/fields/ColorInput.tsx +0 -71
  310. package/src/react/fields/DateFieldInput.tsx +0 -70
  311. package/src/react/fields/DateTimeInput.tsx +0 -62
  312. package/src/react/fields/FieldShell.tsx +0 -348
  313. package/src/react/fields/FileUploadInput.tsx +0 -639
  314. package/src/react/fields/HiddenInput.tsx +0 -17
  315. package/src/react/fields/KeyValueInput.tsx +0 -230
  316. package/src/react/fields/MarkdownInput.tsx +0 -560
  317. package/src/react/fields/RadioInput.tsx +0 -81
  318. package/src/react/fields/RepeaterInput.test.ts +0 -116
  319. package/src/react/fields/RepeaterInput.tsx +0 -1420
  320. package/src/react/fields/SelectFieldInput.tsx +0 -280
  321. package/src/react/fields/SliderInput.tsx +0 -81
  322. package/src/react/fields/TagsInput.tsx +0 -283
  323. package/src/react/fields/TextLikeInput.tsx +0 -256
  324. package/src/react/fields/ToggleButtonsInput.tsx +0 -60
  325. package/src/react/fields/ToggleFieldInput.tsx +0 -56
  326. package/src/react/fields/relationshipRenameDispatch.test.ts +0 -106
  327. package/src/react/fields/relationshipRenameDispatch.ts +0 -97
  328. package/src/react/fields/repeaterReconcile.test.ts +0 -114
  329. package/src/react/fields/repeaterReconcile.ts +0 -104
  330. package/src/react/fields/rowChromeButton.tsx +0 -336
  331. package/src/react/fields/rowState.ts +0 -106
  332. package/src/react/fields/syncRowGates.test.ts +0 -202
  333. package/src/react/fields/syncRowGates.ts +0 -66
  334. package/src/react/fields/textInputControls.tsx +0 -238
  335. package/src/react/fields/useRowReorderDnd.ts +0 -78
  336. package/src/react/formStateHelpers.test.ts +0 -508
  337. package/src/react/formStateHelpers.ts +0 -381
  338. package/src/react/hooks/use-mobile.ts +0 -19
  339. package/src/react/icon-context.tsx +0 -60
  340. package/src/react/index.ts +0 -194
  341. package/src/react/layouts/SidebarLayout.tsx +0 -250
  342. package/src/react/layouts/TopbarLayout.tsx +0 -258
  343. package/src/react/navigate.tsx +0 -37
  344. package/src/react/onProviderSynced.test.ts +0 -90
  345. package/src/react/parseRecordEditUrl.test.ts +0 -122
  346. package/src/react/parseRecordEditUrl.ts +0 -94
  347. package/src/react/persistedState.ts +0 -40
  348. package/src/react/registry.ts +0 -48
  349. package/src/react/right-panel-registry.tsx +0 -47
  350. package/src/react/schemaRenderer/AlertRenderer.tsx +0 -112
  351. package/src/react/schemaRenderer/EntryRenderer.tsx +0 -501
  352. package/src/react/schemaRenderer/SectionRenderer.tsx +0 -120
  353. package/src/react/schemaRenderer/SimpleElements.tsx +0 -306
  354. package/src/react/schemaRenderer/TabsRenderer.tsx +0 -62
  355. package/src/react/schemaRenderer/WizardRenderer.tsx +0 -338
  356. package/src/react/schemaRenderer/action/ActionGroupTrigger.tsx +0 -177
  357. package/src/react/schemaRenderer/action/ActionModalDialog.tsx +0 -273
  358. package/src/react/schemaRenderer/action/ConfirmActionDialog.tsx +0 -61
  359. package/src/react/schemaRenderer/action/HandlerActionButton.tsx +0 -43
  360. package/src/react/schemaRenderer/action/MethodActionButton.tsx +0 -64
  361. package/src/react/schemaRenderer/action/buttons.tsx +0 -99
  362. package/src/react/schemaRenderer/action/helpers.ts +0 -140
  363. package/src/react/schemaRenderer/action/renderAction.tsx +0 -245
  364. package/src/react/schemaRenderer/columnFormat.ts +0 -65
  365. package/src/react/schemaRenderer/constants.ts +0 -50
  366. package/src/react/schemaRenderer/form/FormRenderer.tsx +0 -274
  367. package/src/react/schemaRenderer/form/renderField.tsx +0 -511
  368. package/src/react/schemaRenderer/helpers.tsx +0 -81
  369. package/src/react/schemaRenderer/table/CardsLayoutBody.tsx +0 -308
  370. package/src/react/schemaRenderer/table/TableRenderer.tsx +0 -123
  371. package/src/react/schemaRenderer/table/TableRendererBody.tsx +0 -974
  372. package/src/react/schemaRenderer/table/filters.tsx +0 -1233
  373. package/src/react/schemaRenderer/table/formatCell.tsx +0 -264
  374. package/src/react/schemaRenderer/table/links.tsx +0 -112
  375. package/src/react/schemaRenderer/table/renderRowActions.tsx +0 -52
  376. package/src/react/schemaRenderer/table/url.tsx +0 -143
  377. package/src/react/theme-preview/apply.ts +0 -99
  378. package/src/react/theme-preview/build-html.ts +0 -436
  379. package/src/react/ui/button.tsx +0 -51
  380. package/src/react/ui/calendar.tsx +0 -67
  381. package/src/react/ui/checkbox.tsx +0 -29
  382. package/src/react/ui/dialog.tsx +0 -108
  383. package/src/react/ui/dropdown-menu.tsx +0 -97
  384. package/src/react/ui/input.tsx +0 -20
  385. package/src/react/ui/label.tsx +0 -21
  386. package/src/react/ui/popover.tsx +0 -50
  387. package/src/react/ui/select.tsx +0 -169
  388. package/src/react/ui/separator.tsx +0 -25
  389. package/src/react/ui/sheet.tsx +0 -136
  390. package/src/react/ui/sidebar.tsx +0 -723
  391. package/src/react/ui/skeleton.tsx +0 -13
  392. package/src/react/ui/slider.tsx +0 -34
  393. package/src/react/ui/switch.tsx +0 -28
  394. package/src/react/ui/table.tsx +0 -105
  395. package/src/react/ui/tabs.tsx +0 -63
  396. package/src/react/ui/textarea.tsx +0 -18
  397. package/src/react/ui/tooltip.tsx +0 -64
  398. package/src/react/useResizableWidth.ts +0 -139
  399. package/src/react/utils.ts +0 -6
  400. package/src/react/widgetRegistry.test.ts +0 -43
  401. package/src/react/widgetRegistry.ts +0 -50
  402. package/src/react/widgets/StatsOverviewRenderer.tsx +0 -232
  403. package/src/react/widgets/TableWidgetRenderer.tsx +0 -231
  404. package/src/react/widgets/ViewRenderer.tsx +0 -71
  405. package/src/relationManagerData.test.ts +0 -1595
  406. package/src/richtext/index.ts +0 -8
  407. package/src/richtext/registry.ts +0 -89
  408. package/src/routes/globals.ts +0 -148
  409. package/src/routes/guard.test.ts +0 -325
  410. package/src/routes/helpers.ts +0 -704
  411. package/src/routes/pages.ts +0 -175
  412. package/src/routes/panel.ts +0 -204
  413. package/src/routes/relations.ts +0 -1243
  414. package/src/routes/resources.ts +0 -781
  415. package/src/routes/theme.ts +0 -91
  416. package/src/routes-nested-relations.test.ts +0 -676
  417. package/src/routes-relations.test.ts +0 -972
  418. package/src/routes.test.ts +0 -2027
  419. package/src/routes.ts +0 -303
  420. package/src/schema/Alert.test.ts +0 -109
  421. package/src/schema/Alert.ts +0 -131
  422. package/src/schema/Block.ts +0 -169
  423. package/src/schema/Breadcrumbs.ts +0 -40
  424. package/src/schema/Card.ts +0 -35
  425. package/src/schema/Divider.ts +0 -20
  426. package/src/schema/Element.ts +0 -219
  427. package/src/schema/EmptyState.test.ts +0 -37
  428. package/src/schema/EmptyState.ts +0 -63
  429. package/src/schema/Fieldset.ts +0 -43
  430. package/src/schema/Grid.ts +0 -43
  431. package/src/schema/Group.ts +0 -30
  432. package/src/schema/Heading.ts +0 -39
  433. package/src/schema/Html.ts +0 -67
  434. package/src/schema/Icon.ts +0 -54
  435. package/src/schema/Image.ts +0 -57
  436. package/src/schema/LinkTag.ts +0 -41
  437. package/src/schema/Markdown.ts +0 -85
  438. package/src/schema/MetaTag.ts +0 -41
  439. package/src/schema/RelationTabs.ts +0 -71
  440. package/src/schema/ScriptTag.ts +0 -55
  441. package/src/schema/Section.ts +0 -160
  442. package/src/schema/ServerDataElement.test.ts +0 -140
  443. package/src/schema/ServerDataElement.ts +0 -156
  444. package/src/schema/SlotComponent.test.ts +0 -77
  445. package/src/schema/SlotComponent.ts +0 -71
  446. package/src/schema/Split.ts +0 -50
  447. package/src/schema/Stat.test.ts +0 -118
  448. package/src/schema/Stat.ts +0 -154
  449. package/src/schema/StatsOverview.test.ts +0 -141
  450. package/src/schema/StatsOverview.ts +0 -119
  451. package/src/schema/StyleTag.ts +0 -35
  452. package/src/schema/TableWidget.test.ts +0 -297
  453. package/src/schema/TableWidget.ts +0 -289
  454. package/src/schema/Tabs.ts +0 -79
  455. package/src/schema/Text.ts +0 -58
  456. package/src/schema/UnorderedList.ts +0 -49
  457. package/src/schema/View.test.ts +0 -111
  458. package/src/schema/View.ts +0 -127
  459. package/src/schema/Wizard.ts +0 -220
  460. package/src/schema/containers.test.ts +0 -564
  461. package/src/schema/headTags.test.ts +0 -134
  462. package/src/schema/index.ts +0 -40
  463. package/src/schema/primes.test.ts +0 -269
  464. package/src/schema/resolveSchema.test.ts +0 -379
  465. package/src/schema/resolveSchema.ts +0 -917
  466. package/src/schema/sanitize.ts +0 -58
  467. package/src/search.test.ts +0 -446
  468. package/src/search.ts +0 -178
  469. package/src/sessionFilters.test.ts +0 -375
  470. package/src/sessionFilters.ts +0 -143
  471. package/src/slot-components/index.ts +0 -10
  472. package/src/slot-components/registry.ts +0 -56
  473. package/src/styles/file-upload.css +0 -13
  474. package/src/summarizers/Summarizer.test.ts +0 -84
  475. package/src/summarizers/Summarizer.ts +0 -123
  476. package/src/summarizers/index.ts +0 -11
  477. package/src/theme/base-colors.ts +0 -68
  478. package/src/theme/chart-colors.ts +0 -50
  479. package/src/theme/colors.ts +0 -447
  480. package/src/theme/generate-css.test.ts +0 -139
  481. package/src/theme/generate-css.ts +0 -44
  482. package/src/theme/generate-scale.test.ts +0 -106
  483. package/src/theme/generate-scale.ts +0 -97
  484. package/src/theme/icon-map.ts +0 -42
  485. package/src/theme/index.ts +0 -34
  486. package/src/theme/migrate.test.ts +0 -178
  487. package/src/theme/migrate.ts +0 -81
  488. package/src/theme/presets.ts +0 -135
  489. package/src/theme/radius.ts +0 -18
  490. package/src/theme/resolve.test.ts +0 -238
  491. package/src/theme/resolve.ts +0 -96
  492. package/src/theme/spacing.ts +0 -18
  493. package/src/theme/storage.test.ts +0 -126
  494. package/src/theme/storage.ts +0 -106
  495. package/src/theme/theme-colors.ts +0 -88
  496. package/src/theme/types.ts +0 -125
  497. package/src/uploads/UploadAdapter.ts +0 -35
  498. package/src/uploads/index.ts +0 -2
  499. package/src/uploads/localUpload.test.ts +0 -70
  500. package/src/uploads/localUpload.ts +0 -84
  501. package/src/validation/Validator.ts +0 -49
  502. package/src/validation/index.ts +0 -28
  503. package/src/validation/rules.ts +0 -78
  504. package/src/validation/runValidators.ts +0 -435
  505. package/src/validation/uniqueValidator.test.ts +0 -196
  506. package/src/validation/uniqueValidator.ts +0 -133
  507. package/src/validation/validators.test.ts +0 -268
  508. package/src/vite.test.ts +0 -184
  509. package/src/vite.ts +0 -787
  510. package/src/widgets/index.ts +0 -10
  511. package/src/widgets/registry.ts +0 -45
  512. package/src/widgets.test.ts +0 -592
  513. package/tsconfig.build.json +0 -11
  514. package/tsconfig.json +0 -4
  515. package/tsconfig.test.json +0 -10
  516. package/views/react/Dashboard.tsx +0 -27
  517. package/views/react/Resources/Form.tsx +0 -102
  518. 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 }