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