@alepha/ui 0.18.0 → 0.18.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 (187) hide show
  1. package/dist/admin/{AdminApiKeys-C-6_Q-lH.js → AdminApiKeys-BJhIwfD6.js} +17 -38
  2. package/dist/admin/AdminApiKeys-BJhIwfD6.js.map +1 -0
  3. package/dist/admin/{AdminAudits-Bgbf04hO.js → AdminAudits-DzD_4cDt.js} +23 -19
  4. package/dist/admin/AdminAudits-DzD_4cDt.js.map +1 -0
  5. package/dist/admin/AdminDashboard-C92tIc6x.js +67 -0
  6. package/dist/admin/AdminDashboard-C92tIc6x.js.map +1 -0
  7. package/dist/admin/{AdminFiles-B9a7G3cY.js → AdminFiles-DLpfhBkf.js} +3 -7
  8. package/dist/admin/AdminFiles-DLpfhBkf.js.map +1 -0
  9. package/dist/admin/{AdminJobDashboard-DaTwf5OY.js → AdminJobDashboard-KIOkeMgE.js} +2 -2
  10. package/dist/admin/{AdminJobDashboard-DaTwf5OY.js.map → AdminJobDashboard-KIOkeMgE.js.map} +1 -1
  11. package/dist/admin/{AdminJobExecutions-B9cek5dl.js → AdminJobExecutions-D0Yo_PU0.js} +24 -36
  12. package/dist/admin/AdminJobExecutions-D0Yo_PU0.js.map +1 -0
  13. package/dist/admin/{AdminJobRegistry-DFgV3oqx.js → AdminJobRegistry-PFajqaGK.js} +10 -18
  14. package/dist/admin/AdminJobRegistry-PFajqaGK.js.map +1 -0
  15. package/dist/admin/AdminLayout-B1DXZHDn.js +61 -0
  16. package/dist/admin/AdminLayout-B1DXZHDn.js.map +1 -0
  17. package/dist/admin/{AdminParameters-DHw9ATgl.js → AdminParameters-BspPeqp_.js} +2 -2
  18. package/dist/admin/{AdminParameters-DHw9ATgl.js.map → AdminParameters-BspPeqp_.js.map} +1 -1
  19. package/dist/admin/{AdminSessions-BhGJPI3z.js → AdminSessions-BnH5CZQl.js} +48 -53
  20. package/dist/admin/AdminSessions-BnH5CZQl.js.map +1 -0
  21. package/dist/admin/{AdminUserLayout-BdC4Te8m.js → AdminUserLayout-DUbC6-BI.js} +2 -2
  22. package/dist/admin/{AdminUserLayout-BdC4Te8m.js.map → AdminUserLayout-DUbC6-BI.js.map} +1 -1
  23. package/dist/admin/{AdminUserProfile-DAt23fqY.js → AdminUserProfile-DuTUnjdG.js} +3 -3
  24. package/dist/admin/{AdminUserProfile-DAt23fqY.js.map → AdminUserProfile-DuTUnjdG.js.map} +1 -1
  25. package/dist/admin/{AdminUserSessions-1uzcx02z.js → AdminUserSessions-DvZdAGpL.js} +33 -35
  26. package/dist/admin/AdminUserSessions-DvZdAGpL.js.map +1 -0
  27. package/dist/admin/AdminUsers-CR9z0g_5.js +206 -0
  28. package/dist/admin/AdminUsers-CR9z0g_5.js.map +1 -0
  29. package/dist/admin/{AuthLayout-DFJvCvzw.js → AuthLayout-DsUfp9RG.js} +2 -2
  30. package/dist/admin/{AuthLayout-DFJvCvzw.js.map → AuthLayout-DsUfp9RG.js.map} +1 -1
  31. package/dist/admin/{IconGoogle-CSQLPYwX.js → IconGoogle-Ch1m3Uzl.js} +1 -1
  32. package/dist/admin/{IconGoogle-CSQLPYwX.js.map → IconGoogle-Ch1m3Uzl.js.map} +1 -1
  33. package/dist/admin/{Login-BGheURrg.js → Login-DHbYJKwg.js} +3 -3
  34. package/dist/{auth/Login-Denw_UGy.js.map → admin/Login-DHbYJKwg.js.map} +1 -1
  35. package/dist/{auth/Profile-BMX_Ar_s.js → admin/Profile-B2EcIDB9.js} +2 -2
  36. package/dist/{auth/Profile-BMX_Ar_s.js.map → admin/Profile-B2EcIDB9.js.map} +1 -1
  37. package/dist/admin/{Register-Cs10l8vX.js → Register-Z3fxRbUF.js} +3 -3
  38. package/dist/{demo/Register-a70LPgs2.js.map → admin/Register-Z3fxRbUF.js.map} +1 -1
  39. package/dist/admin/{ResetPassword-BwDdfkGH.js → ResetPassword-_Y1qTTKh.js} +2 -2
  40. package/dist/admin/{ResetPassword-BwDdfkGH.js.map → ResetPassword-_Y1qTTKh.js.map} +1 -1
  41. package/dist/admin/{VerifyEmail-DfXHAiQl.js → VerifyEmail-Bg22bwcC.js} +2 -2
  42. package/dist/admin/{VerifyEmail-DfXHAiQl.js.map → VerifyEmail-Bg22bwcC.js.map} +1 -1
  43. package/dist/admin/{core-2xoLiT0o.js → core-BVO_TQxb.js} +1474 -233
  44. package/dist/admin/core-BVO_TQxb.js.map +1 -0
  45. package/dist/admin/index.d.ts +29 -4
  46. package/dist/admin/index.d.ts.map +1 -1
  47. package/dist/admin/index.js +448 -69
  48. package/dist/admin/index.js.map +1 -1
  49. package/dist/auth/{AuthLayout-CAE1pX9s.js → AuthLayout-C161NeF6.js} +2 -2
  50. package/dist/auth/{AuthLayout-CAE1pX9s.js.map → AuthLayout-C161NeF6.js.map} +1 -1
  51. package/dist/auth/{Login-Denw_UGy.js → Login-C7jIqf00.js} +2 -2
  52. package/dist/{admin/Login-BGheURrg.js.map → auth/Login-C7jIqf00.js.map} +1 -1
  53. package/dist/{admin/Profile-B-c9pCPf.js → auth/Profile-BMpXJ0oi.js} +2 -2
  54. package/dist/{demo/Profile-CWqti7FB.js.map → auth/Profile-BMpXJ0oi.js.map} +1 -1
  55. package/dist/auth/{Register-6hi_cpfF.js → Register-2gx8qll-.js} +2 -2
  56. package/dist/auth/{Register-6hi_cpfF.js.map → Register-2gx8qll-.js.map} +1 -1
  57. package/dist/{demo/ResetPassword-DWN0lzr5.js → auth/ResetPassword-DBxt9hKk.js} +2 -2
  58. package/dist/auth/{ResetPassword-CqfTk1FI.js.map → ResetPassword-DBxt9hKk.js.map} +1 -1
  59. package/dist/{demo/VerifyEmail-DZWL72K4.js → auth/VerifyEmail-Z80Ubajk.js} +2 -2
  60. package/dist/auth/{VerifyEmail-nWiSTMjF.js.map → VerifyEmail-Z80Ubajk.js.map} +1 -1
  61. package/dist/auth/{core-niW0sFLv.js → core-DyfeVr5c.js} +1002 -38
  62. package/dist/auth/core-DyfeVr5c.js.map +1 -0
  63. package/dist/auth/index.d.ts +12 -1
  64. package/dist/auth/index.d.ts.map +1 -1
  65. package/dist/auth/index.js +12 -13
  66. package/dist/auth/index.js.map +1 -1
  67. package/dist/core/index.d.ts +95 -14
  68. package/dist/core/index.d.ts.map +1 -1
  69. package/dist/core/index.js +1473 -232
  70. package/dist/core/index.js.map +1 -1
  71. package/dist/demo/{AuthLayout-jLa0aKsI.js → AuthLayout-DN-ClJQk.js} +2 -2
  72. package/dist/demo/{AuthLayout-jLa0aKsI.js.map → AuthLayout-DN-ClJQk.js.map} +1 -1
  73. package/dist/demo/{DemoButton-BmaWZVwf.js → DemoButton-CGUyR9eM.js} +3 -3
  74. package/dist/demo/{DemoButton-BmaWZVwf.js.map → DemoButton-CGUyR9eM.js.map} +1 -1
  75. package/dist/demo/{DemoDataTable-Z9xyV221.js → DemoDataTable-QFG-xXSx.js} +15 -19
  76. package/dist/demo/DemoDataTable-QFG-xXSx.js.map +1 -0
  77. package/dist/demo/{DemoDialog-4ItHLf9t.js → DemoDialog-DW8QEvD1.js} +2 -2
  78. package/dist/demo/{DemoDialog-4ItHLf9t.js.map → DemoDialog-DW8QEvD1.js.map} +1 -1
  79. package/dist/demo/{DemoFlex-EtVq8QfX.js → DemoFlex-CAhLUanT.js} +3 -3
  80. package/dist/demo/{DemoFlex-EtVq8QfX.js.map → DemoFlex-CAhLUanT.js.map} +1 -1
  81. package/dist/demo/{DemoHeading-BS-vGfkI.js → DemoHeading-yIFmNjHB.js} +3 -3
  82. package/dist/demo/{DemoHeading-BS-vGfkI.js.map → DemoHeading-yIFmNjHB.js.map} +1 -1
  83. package/dist/demo/{DemoHome-Clbn8AmS.js → DemoHome-BSGuBHus.js} +2 -2
  84. package/dist/demo/{DemoHome-Clbn8AmS.js.map → DemoHome-BSGuBHus.js.map} +1 -1
  85. package/dist/demo/{DemoJsonViewer-DkIX_ky2.js → DemoJsonViewer-DsA2IpgV.js} +3 -3
  86. package/dist/demo/{DemoJsonViewer-DkIX_ky2.js.map → DemoJsonViewer-DsA2IpgV.js.map} +1 -1
  87. package/dist/demo/{DemoLayout-C56xb5EE.js → DemoLayout-Cy6xjn6P.js} +2 -2
  88. package/dist/demo/{DemoLayout-C56xb5EE.js.map → DemoLayout-Cy6xjn6P.js.map} +1 -1
  89. package/dist/demo/{DemoLogin-BZwpicOS.js → DemoLogin-vqxgTu4P.js} +8 -8
  90. package/dist/demo/{DemoLogin-BZwpicOS.js.map → DemoLogin-vqxgTu4P.js.map} +1 -1
  91. package/dist/demo/{DemoRegister-C7_qc4MJ.js → DemoRegister-YHPvPg77.js} +8 -8
  92. package/dist/demo/{DemoRegister-C7_qc4MJ.js.map → DemoRegister-YHPvPg77.js.map} +1 -1
  93. package/dist/demo/{DemoResetPassword-BI1Ct4Dw.js → DemoResetPassword-mOW18Zlm.js} +8 -8
  94. package/dist/demo/{DemoResetPassword-BI1Ct4Dw.js.map → DemoResetPassword-mOW18Zlm.js.map} +1 -1
  95. package/dist/demo/{DemoSidebar-CcBo4ltC.js → DemoSidebar-od7aLjP_.js} +3 -3
  96. package/dist/demo/{DemoSidebar-CcBo4ltC.js.map → DemoSidebar-od7aLjP_.js.map} +1 -1
  97. package/dist/demo/{DemoText-CzXuUn3g.js → DemoText-DU3JeRS0.js} +3 -3
  98. package/dist/demo/{DemoText-CzXuUn3g.js.map → DemoText-DU3JeRS0.js.map} +1 -1
  99. package/dist/demo/{DemoToast-BgHDhWrX.js → DemoToast-CUJEiPRa.js} +2 -2
  100. package/dist/demo/{DemoToast-BgHDhWrX.js.map → DemoToast-CUJEiPRa.js.map} +1 -1
  101. package/dist/demo/{DemoTypeForm-DDzWoMSV.js → DemoTypeForm-C1dNkahD.js} +3 -3
  102. package/dist/demo/{DemoTypeForm-DDzWoMSV.js.map → DemoTypeForm-C1dNkahD.js.map} +1 -1
  103. package/dist/demo/{DemoVerifyEmail-C_Irdnov.js → DemoVerifyEmail-D9EcXZ38.js} +8 -8
  104. package/dist/demo/{DemoVerifyEmail-C_Irdnov.js.map → DemoVerifyEmail-D9EcXZ38.js.map} +1 -1
  105. package/dist/demo/{Login-hSOU3jZc.js → Login-CoYf_P_F.js} +2 -2
  106. package/dist/demo/{Login-hSOU3jZc.js.map → Login-CoYf_P_F.js.map} +1 -1
  107. package/dist/demo/{Profile-CWqti7FB.js → Profile-BE_Y3co2.js} +2 -2
  108. package/dist/{admin/Profile-B-c9pCPf.js.map → demo/Profile-BE_Y3co2.js.map} +1 -1
  109. package/dist/demo/{Register-a70LPgs2.js → Register-fXHmBpr3.js} +2 -2
  110. package/dist/{admin/Register-Cs10l8vX.js.map → demo/Register-fXHmBpr3.js.map} +1 -1
  111. package/dist/{auth/ResetPassword-CqfTk1FI.js → demo/ResetPassword-CAPj8MO3.js} +2 -2
  112. package/dist/demo/{ResetPassword-DWN0lzr5.js.map → ResetPassword-CAPj8MO3.js.map} +1 -1
  113. package/dist/demo/{Showcase-Dq3MISpd.js → Showcase-BtEU0pY9.js} +2 -2
  114. package/dist/demo/{Showcase-Dq3MISpd.js.map → Showcase-BtEU0pY9.js.map} +1 -1
  115. package/dist/{auth/VerifyEmail-nWiSTMjF.js → demo/VerifyEmail-DFmdCdYs.js} +2 -2
  116. package/dist/demo/{VerifyEmail-DZWL72K4.js.map → VerifyEmail-DFmdCdYs.js.map} +1 -1
  117. package/dist/demo/{auth-d6n3xbug.js → auth-Djd7SKiw.js} +8 -8
  118. package/dist/demo/{auth-d6n3xbug.js.map → auth-Djd7SKiw.js.map} +1 -1
  119. package/dist/demo/{core-RCUw1Q-a.js → core-B7LNjM78.js} +1484 -226
  120. package/dist/demo/core-B7LNjM78.js.map +1 -0
  121. package/dist/demo/index.js +17 -17
  122. package/package.json +4 -4
  123. package/src/admin/{AdminRouter.ts → AdminRouter.tsx} +128 -19
  124. package/src/admin/components/AdminDashboard.tsx +52 -0
  125. package/src/admin/components/AdminLayout.tsx +32 -40
  126. package/src/admin/components/audits/AdminAudits.tsx +22 -16
  127. package/src/admin/components/files/AdminFiles.tsx +1 -6
  128. package/src/admin/components/jobs/AdminJobExecutions.tsx +33 -39
  129. package/src/admin/components/jobs/AdminJobRegistry.tsx +9 -18
  130. package/src/admin/components/keys/AdminApiKeys.tsx +23 -41
  131. package/src/admin/components/sessions/AdminSessions.tsx +71 -71
  132. package/src/admin/components/users/AdminUserSessions.tsx +33 -31
  133. package/src/admin/components/users/AdminUsers.tsx +184 -72
  134. package/src/admin/index.ts +2 -2
  135. package/src/admin/primitives/$uiAdmin.ts +1 -1
  136. package/src/auth/components/buttons/UserButton.tsx +1 -3
  137. package/src/core/atoms/alephaSidebarAtom.ts +1 -1
  138. package/src/core/atoms/alephaThemeListAtom.ts +14 -1
  139. package/src/core/atoms/alephaThemeOverridesAtom.ts +17 -0
  140. package/src/core/atoms/themes/editorial.ts +184 -0
  141. package/src/core/atoms/themes/monochrome.ts +197 -0
  142. package/src/core/atoms/themes/rosePine.ts +208 -0
  143. package/src/core/atoms/themes/softBrutalism.ts +221 -0
  144. package/src/core/atoms/themes/terminal.ts +186 -0
  145. package/src/core/components/Flex.tsx +91 -1
  146. package/src/core/components/Text.tsx +1 -1
  147. package/src/core/components/buttons/ActionButton.tsx +15 -19
  148. package/src/core/components/buttons/DarkModeButton.tsx +3 -3
  149. package/src/core/components/buttons/LanguageButton.tsx +1 -1
  150. package/src/core/components/buttons/OmnibarButton.tsx +1 -2
  151. package/src/core/components/buttons/ThemeButton.tsx +40 -11
  152. package/src/core/components/buttons/ThemeExpertModal.tsx +184 -0
  153. package/src/core/components/buttons/ToggleSidebarButton.tsx +1 -2
  154. package/src/core/components/layout/AppBar.tsx +10 -0
  155. package/src/core/components/layout/DashboardShell.tsx +10 -7
  156. package/src/core/components/layout/Sidebar.tsx +60 -52
  157. package/src/core/constants/ui.ts +5 -5
  158. package/src/core/hooks/useTheme.ts +26 -3
  159. package/src/core/index.ts +6 -1
  160. package/src/core/interfaces/AlephaTheme.ts +2 -0
  161. package/src/core/providers/ThemeProvider.ts +108 -8
  162. package/src/core/services/DialogService.tsx +24 -3
  163. package/src/core/styles.css +26 -23
  164. package/src/core/table/components/DataTable.tsx +167 -137
  165. package/src/core/table/components/DataTableFilters.tsx +1 -6
  166. package/src/core/table/components/DataTablePagination.tsx +51 -28
  167. package/src/core/table/components/DataTableToolbar.tsx +9 -4
  168. package/src/core/table/index.ts +1 -0
  169. package/src/core/table/interfaces/types.ts +13 -9
  170. package/src/demo/components/core/DemoDataTable.tsx +15 -19
  171. package/dist/admin/AdminApiKeys-C-6_Q-lH.js.map +0 -1
  172. package/dist/admin/AdminAudits-Bgbf04hO.js.map +0 -1
  173. package/dist/admin/AdminFiles-B9a7G3cY.js.map +0 -1
  174. package/dist/admin/AdminJobExecutions-B9cek5dl.js.map +0 -1
  175. package/dist/admin/AdminJobRegistry-DFgV3oqx.js.map +0 -1
  176. package/dist/admin/AdminLayout-DHsvWxVB.js +0 -70
  177. package/dist/admin/AdminLayout-DHsvWxVB.js.map +0 -1
  178. package/dist/admin/AdminSessions-BhGJPI3z.js.map +0 -1
  179. package/dist/admin/AdminUserSessions-1uzcx02z.js.map +0 -1
  180. package/dist/admin/AdminUsers-C85c3eiQ.js +0 -121
  181. package/dist/admin/AdminUsers-C85c3eiQ.js.map +0 -1
  182. package/dist/admin/auth-Dr0Cf8I7.js +0 -319
  183. package/dist/admin/auth-Dr0Cf8I7.js.map +0 -1
  184. package/dist/admin/core-2xoLiT0o.js.map +0 -1
  185. package/dist/auth/core-niW0sFLv.js.map +0 -1
  186. package/dist/demo/DemoDataTable-Z9xyV221.js.map +0 -1
  187. package/dist/demo/core-RCUw1Q-a.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"core-RCUw1Q-a.js","names":["Flex","MantineFlex","Flex","Text","Flex","Text","Container","MantineContainer","Flex","SidebarCollapseButton","Fragment","Text","Flex","Text","MantineText"],"sources":["../../src/core/atoms/alephaSidebarAtom.ts","../../src/core/atoms/alephaThemeAtom.ts","../../src/core/atoms/themes/default.ts","../../src/core/atoms/themes/midnight.ts","../../src/core/atoms/alephaThemeListAtom.ts","../../src/core/providers/ThemeProvider.ts","../../src/core/components/dialogs/AlertDialog.tsx","../../src/core/components/dialogs/ConfirmDialog.tsx","../../src/core/components/dialogs/PromptDialog.tsx","../../src/core/services/DialogService.tsx","../../src/core/services/ToastService.tsx","../../src/core/UiRouter.ts","../../src/core/hooks/useTheme.ts","../../src/core/hooks/useToast.ts","../../src/core/components/layout/Omnibar.tsx","../../src/core/components/AlephaMantineProvider.tsx","../../src/core/constants/ui.ts","../../src/core/helpers/isComponentType.ts","../../src/core/components/buttons/ActionButton.tsx","../../src/core/components/buttons/BurgerButton.tsx","../../src/core/components/buttons/DarkModeButton.tsx","../../src/core/components/buttons/LanguageButton.tsx","../../src/core/components/buttons/OmnibarButton.tsx","../../src/core/components/buttons/ToggleSidebarButton.tsx","../../src/core/components/Flex.tsx","../../src/core/components/Heading.tsx","../../src/core/components/layout/AppBar.tsx","../../src/core/components/layout/Breadcrumb.tsx","../../src/core/components/layout/Container.tsx","../../src/core/components/layout/Sidebar.tsx","../../src/core/components/layout/DashboardShell.tsx","../../src/core/components/Text.tsx","../../src/core/form/utils/parseInput.ts","../../src/core/form/components/ControlArray.tsx","../../src/core/form/components/ControlDate.tsx","../../src/core/form/components/ControlNumber.tsx","../../src/core/form/components/ControlObject.tsx","../../src/core/form/components/ControlQueryBuilder.tsx","../../src/core/form/components/ControlSelect.tsx","../../src/core/form/components/Control.tsx","../../src/core/form/components/TypeForm.tsx","../../src/core/helpers/renderIcon.tsx","../../src/core/hooks/useDialog.ts","../../src/core/json/components/JsonViewer.tsx","../../src/core/table/interfaces/types.ts","../../src/core/table/components/DataTableFilters.tsx","../../src/core/table/components/DataTablePagination.tsx","../../src/core/table/components/ColumnPicker.tsx","../../src/core/table/components/FilterPicker.tsx","../../src/core/table/components/DataTableToolbar.tsx","../../src/core/table/components/useTableSelection.ts","../../src/core/table/components/DataTable.tsx","../../src/core/utils/extractSchemaFields.ts","../../src/core/utils/icons.tsx","../../src/core/utils/string.ts","../../src/core/index.ts"],"sourcesContent":["import { $atom, type Static, t } from \"alepha\";\n\nexport const alephaSidebarAtom = $atom({\n name: \"alepha.ui.sidebar\",\n schema: t.object({\n /**\n * Whether the sidebar drawer is closed (mobile).\n */\n closed: t.boolean(),\n /**\n * Whether the sidebar is collapsed (desktop icon-only mode).\n */\n collapsed: t.boolean(),\n /**\n * Width of the sidebar when expanded.\n * @default 300\n */\n expandedWidth: t.number(),\n /**\n * Width of the sidebar when collapsed.\n * @default 78\n */\n collapsedWidth: t.number(),\n }),\n default: {\n closed: true,\n collapsed: false,\n expandedWidth: 300,\n collapsedWidth: 78,\n },\n});\n\nexport type AlephaSidebarState = Static<typeof alephaSidebarAtom.schema>;\n","import { $atom, type Static, t } from \"alepha\";\n\nexport const alephaThemeAtom = $atom({\n name: \"alepha.ui.theme\",\n schema: t.object({\n index: t.integer(),\n }),\n default: {\n index: 0,\n },\n});\n\nexport type CurrentAlephaTheme = Static<typeof alephaThemeAtom.schema>;\n","import type { AlephaTheme } from \"../../interfaces/AlephaTheme.ts\";\n\nexport const defaultTheme: AlephaTheme = {\n name: \"Default\",\n description: \"Default Alepha Theme\",\n};\n","import type { AlephaTheme } from \"../../interfaces/AlephaTheme.ts\";\n\nexport const midnightTheme: AlephaTheme = {\n name: \"Midnight\",\n description: \"Clean, developer-focused design\",\n primaryColor: \"pink\",\n primaryShade: { light: 7, dark: 8 },\n fontFamily:\n '-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"',\n fontFamilyMonospace:\n 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n headings: {\n fontFamily:\n '-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif',\n fontWeight: \"600\",\n textWrap: \"wrap\",\n sizes: {\n h1: { fontSize: \"2rem\", lineHeight: \"1.25\" },\n h2: { fontSize: \"1.5rem\", lineHeight: \"1.3\" },\n h3: { fontSize: \"1.25rem\", lineHeight: \"1.4\" },\n h4: { fontSize: \"1rem\", lineHeight: \"1.5\" },\n h5: { fontSize: \"0.875rem\", lineHeight: \"1.5\" },\n h6: { fontSize: \"0.75rem\", lineHeight: \"1.5\" },\n },\n },\n radius: {\n xs: \"3px\",\n sm: \"6px\",\n md: \"6px\",\n lg: \"8px\",\n xl: \"12px\",\n },\n defaultRadius: \"sm\",\n colors: {\n dark: [\n \"#d0d7de\",\n \"#8b949e\",\n \"#6e7681\",\n \"#484f58\",\n \"#30363d\",\n \"#21262d\",\n \"#161b22\",\n \"#151b23\",\n \"#0d1117\",\n \"#010409\",\n ],\n gray: [\n \"#f6f8fa\",\n \"#eaeef2\",\n \"#d0d7de\",\n \"#afb8c1\",\n \"#8c959f\",\n \"#6e7781\",\n \"#57606a\",\n \"#424a53\",\n \"#32383f\",\n \"#24292f\",\n ],\n blue: [\n \"#ddf4ff\",\n \"#b6e3ff\",\n \"#80ccff\",\n \"#54aeff\",\n \"#218bff\",\n \"#0969da\",\n \"#0550ae\",\n \"#033d8b\",\n \"#0a3069\",\n \"#002155\",\n ],\n green: [\n \"#dafbe1\",\n \"#aceebb\",\n \"#6fdd8b\",\n \"#4ac26b\",\n \"#2da44e\",\n \"#1a7f37\",\n \"#116329\",\n \"#044f1e\",\n \"#003d16\",\n \"#002d11\",\n ],\n red: [\n \"#ffebe9\",\n \"#ffcecb\",\n \"#ffaba8\",\n \"#ff8182\",\n \"#fa4549\",\n \"#cf222e\",\n \"#a40e26\",\n \"#82071e\",\n \"#660018\",\n \"#4c0014\",\n ],\n },\n};\n","import { $atom, type Static, t } from \"alepha\";\nimport type { AlephaTheme } from \"../interfaces/AlephaTheme.ts\";\nimport { defaultTheme } from \"./themes/default.ts\";\nimport { midnightTheme } from \"./themes/midnight.ts\";\n\nexport const alephaThemeListAtom = $atom({\n name: \"alepha.ui.themeList\",\n schema: t.array(t.json<AlephaTheme>()), // TODO: translate to proper schema\n default: [defaultTheme, midnightTheme],\n});\n\nexport type AlephaThemeListAtom = Static<typeof alephaThemeListAtom.schema>;\n","import { $inject, Alepha, AlephaError } from \"alepha\";\nimport { $head } from \"alepha/react/head\";\nimport { $cookie } from \"alepha/server/cookies\";\nimport { alephaThemeAtom } from \"../atoms/alephaThemeAtom.ts\";\nimport { alephaThemeListAtom } from \"../atoms/alephaThemeListAtom.ts\";\nimport { defaultTheme } from \"../atoms/themes/default.ts\";\nimport type { AlephaTheme } from \"../interfaces/AlephaTheme.ts\";\n\nexport class ThemeProvider {\n protected readonly alepha = $inject(Alepha);\n protected readonly cookie = $cookie({\n name: \"theme\",\n schema: alephaThemeAtom.schema,\n ttl: [1, \"year\"],\n });\n\n protected readonly head = $head(() => {\n const theme = this.getTheme();\n if (!theme || !theme.name) {\n return {};\n }\n return {\n htmlAttributes: {\n \"data-theme\": theme.name,\n },\n };\n });\n\n public setTheme(index: number) {\n const newTheme = this.alepha.store.get(alephaThemeListAtom)[\n index\n ] as AlephaTheme;\n\n if (!newTheme) {\n throw new AlephaError(`Theme with index ${index} not found`);\n }\n\n this.cookie.set({ index });\n this.alepha.store.set(alephaThemeAtom, { index });\n\n if (typeof document === \"undefined\") {\n return;\n }\n\n document.documentElement.removeAttribute(\"data-theme\");\n\n if (newTheme.name) {\n document.documentElement.setAttribute(\"data-theme\", newTheme.name);\n }\n }\n\n public getTheme() {\n const index = this.getThemeIndex();\n const list = this.alepha.store.get(\n alephaThemeListAtom,\n ) as Array<AlephaTheme>;\n return list[index] || list[0] || defaultTheme;\n }\n\n protected getThemeIndex() {\n // TODO: make a safe cookie getter, today it crash when Cookie Server is called inside vite pre-render\n try {\n return (\n this.cookie.get()?.index ??\n this.alepha.store.get(alephaThemeAtom)?.index ??\n 0\n );\n } catch {\n return this.alepha.store.get(alephaThemeAtom)?.index ?? 0;\n }\n }\n}\n","import { Button, Flex, Text } from \"@mantine/core\";\nimport type { AlertDialogProps } from \"../../services/DialogService.tsx\";\n\nconst AlertDialog = ({ options, onClose }: AlertDialogProps) => (\n <>\n {options?.message && <Text mb=\"md\">{options.message}</Text>}\n <Flex justify=\"flex-end\">\n <Button onClick={onClose}>{options?.okLabel || \"OK\"}</Button>\n </Flex>\n </>\n);\n\nexport default AlertDialog;\n","import { Button, Flex, Text } from \"@mantine/core\";\nimport type { ConfirmDialogProps } from \"../../services/DialogService.tsx\";\n\nconst ConfirmDialog = ({ options, onConfirm }: ConfirmDialogProps) => (\n <>\n {options?.message && <Text mb=\"md\">{options.message}</Text>}\n <Flex justify=\"flex-end\">\n <Button variant=\"subtle\" onClick={() => onConfirm(false)}>\n {options?.cancelLabel || \"Cancel\"}\n </Button>\n <Button\n color={options?.confirmColor || \"blue\"}\n onClick={() => onConfirm(true)}\n >\n {options?.confirmLabel || \"Confirm\"}\n </Button>\n </Flex>\n </>\n);\n\nexport default ConfirmDialog;\n","import { Button, Flex, Text, TextInput } from \"@mantine/core\";\nimport { useEffect, useRef, useState } from \"react\";\nimport type { PromptDialogProps } from \"../../services/DialogService.tsx\";\n\nconst PromptDialog = ({ options, onSubmit }: PromptDialogProps) => {\n const [value, setValue] = useState(options?.defaultValue || \"\");\n const inputRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n // autofocus the input when the dialog opens\n inputRef.current?.focus();\n }, []);\n\n const handleSubmit = () => {\n if (!options?.required || value.trim()) {\n onSubmit(value);\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === \"Enter\") {\n handleSubmit();\n }\n };\n\n return (\n <>\n {options?.message && <Text mb=\"md\">{options.message}</Text>}\n <TextInput\n ref={inputRef}\n label={options?.label}\n placeholder={options?.placeholder}\n value={value}\n onChange={(event) => setValue(event.currentTarget.value)}\n onKeyDown={handleKeyDown}\n required={options?.required}\n mb=\"md\"\n />\n <Flex justify=\"flex-end\">\n <Button variant=\"subtle\" onClick={() => onSubmit(null)}>\n {options?.cancelLabel || \"Cancel\"}\n </Button>\n <Button\n onClick={handleSubmit}\n disabled={options?.required && !value.trim()}\n >\n {options?.submitLabel || \"OK\"}\n </Button>\n </Flex>\n </>\n );\n};\n\nexport default PromptDialog;\n","import type { ModalProps } from \"@mantine/core\";\nimport { modals } from \"@mantine/modals\";\nimport type { ReactNode } from \"react\";\nimport AlertDialog from \"../components/dialogs/AlertDialog.tsx\";\nimport ConfirmDialog from \"../components/dialogs/ConfirmDialog.tsx\";\nimport PromptDialog from \"../components/dialogs/PromptDialog.tsx\";\n\n// Base interfaces\nexport interface BaseDialogOptions extends Partial<ModalProps> {\n title?: ReactNode;\n message?: ReactNode;\n content?: any; // weird typing for mantine modals content\n}\n\nexport interface AlertDialogOptions extends BaseDialogOptions {\n okLabel?: string;\n}\n\nexport interface ConfirmDialogOptions extends BaseDialogOptions {\n confirmLabel?: string;\n cancelLabel?: string;\n confirmColor?: string;\n}\n\nexport interface PromptDialogOptions extends BaseDialogOptions {\n placeholder?: string;\n defaultValue?: string;\n label?: string;\n required?: boolean;\n submitLabel?: string;\n cancelLabel?: string;\n}\n\n// Component prop interfaces\nexport interface AlertDialogProps {\n options?: AlertDialogOptions;\n onClose: () => void;\n}\n\nexport interface ConfirmDialogProps {\n options?: ConfirmDialogOptions;\n onConfirm: (confirmed: boolean) => void;\n}\n\nexport interface PromptDialogProps {\n options?: PromptDialogOptions;\n onSubmit: (value: string | null) => void;\n}\n\nexport interface DialogServiceOptions {\n default?: Partial<BaseDialogOptions>;\n}\n\nexport class DialogService {\n public readonly options: DialogServiceOptions = {\n default: {\n centered: true,\n withCloseButton: true,\n size: \"md\",\n overlayProps: {\n backgroundOpacity: 0.55,\n blur: 3,\n },\n transitionProps: {\n transition: \"pop\",\n duration: 200,\n },\n },\n };\n\n /**\n * Show an alert dialog with a message\n */\n public alert(options?: AlertDialogOptions): Promise<void> {\n return new Promise((resolve) => {\n const modalId = this.open({\n ...options,\n title: options?.title || \"Alert\",\n content: (\n <AlertDialog\n options={options}\n onClose={() => {\n this.close(modalId);\n resolve();\n }}\n />\n ),\n });\n });\n }\n\n /**\n * Show a confirmation dialog that returns a promise\n */\n public confirm(options?: ConfirmDialogOptions): Promise<boolean> {\n return new Promise((resolve) => {\n const modalId = this.open({\n ...options,\n title: options?.title || \"Confirm\",\n closeOnClickOutside: false,\n closeOnEscape: false,\n content: (\n <ConfirmDialog\n options={options}\n onConfirm={(confirmed) => {\n this.close(modalId);\n resolve(confirmed);\n }}\n />\n ),\n });\n });\n }\n\n /**\n * Show a prompt dialog to get user input\n */\n public prompt(options?: PromptDialogOptions): Promise<string | null> {\n return new Promise((resolve) => {\n const modalId = this.open({\n ...options,\n title: options?.title || \"Input\",\n closeOnClickOutside: false,\n closeOnEscape: false,\n content: (\n <PromptDialog\n options={options}\n onSubmit={(value) => {\n this.close(modalId);\n resolve(value);\n }}\n />\n ),\n });\n });\n }\n\n /**\n * Open a custom dialog with provided content\n */\n public open(options?: BaseDialogOptions): string {\n return modals.open({\n ...this.options.default,\n ...options,\n children: options?.content || options?.message,\n });\n }\n\n /**\n * Close the currently open dialog or a specific dialog by ID\n */\n public close(modalId?: string): void {\n if (modalId) {\n modals.close(modalId);\n } else {\n modals.closeAll();\n }\n }\n}\n","import type { NotificationData } from \"@mantine/notifications\";\nimport { notifications } from \"@mantine/notifications\";\nimport {\n IconAlertTriangle,\n IconCheck,\n IconInfoCircle,\n IconX,\n} from \"@tabler/icons-react\";\n\nexport interface ToastServiceOptions {\n default?: Partial<NotificationData>;\n}\n\nexport class ToastService {\n protected readonly raw = notifications;\n\n public readonly options: ToastServiceOptions = {\n default: {\n radius: \"md\",\n withBorder: true,\n withCloseButton: true,\n autoClose: 5000,\n position: \"top-center\",\n },\n };\n\n public show(options: NotificationData) {\n notifications.show({\n ...this.options.default,\n ...options,\n });\n }\n\n public info(options: Partial<NotificationData> | string) {\n if (typeof options === \"string\") {\n options = { message: options };\n }\n this.show({\n color: \"blue\",\n icon: <IconInfoCircle size={20} />,\n title: \"Info\",\n message: \"Information notification\",\n ...options,\n });\n }\n\n public success(options: Partial<NotificationData> | string) {\n if (typeof options === \"string\") {\n options = { message: options };\n }\n this.show({\n color: \"green\",\n icon: <IconCheck size={16} />,\n title: \"Success\",\n message: \"Operation completed successfully\",\n ...options,\n });\n }\n\n public warning(options: Partial<NotificationData> | string) {\n if (typeof options === \"string\") {\n options = { message: options };\n }\n this.show({\n color: \"yellow\",\n icon: <IconAlertTriangle size={20} />,\n title: \"Warning\",\n message: \"Please review this warning\",\n ...options,\n });\n }\n\n public danger(options: Partial<NotificationData> | string) {\n if (typeof options === \"string\") {\n options = { message: options };\n }\n this.show({\n color: \"red\",\n icon: <IconX size={20} />,\n title: \"Error\",\n message: \"An error occurred\",\n ...options,\n });\n }\n}\n","import { AlephaMantineProvider } from \"@alepha/ui\";\nimport { $page } from \"alepha/react/router\";\n\n/**\n * UI Router defining the root page with AlephaMantineProvider.\n *\n * - Use UiRouter when you need Alepha's Mantine-based UI components and theming.\n * - Prefer to use $ui() for convenience. (Custom Factory of UiRouter)\n */\nexport class UiRouter {\n public readonly root = $page({\n path: \"/\",\n component: AlephaMantineProvider,\n });\n}\n","import { useInject, useStore } from \"alepha/react\";\nimport {\n alephaThemeAtom,\n type CurrentAlephaTheme,\n} from \"../atoms/alephaThemeAtom.ts\";\nimport type { AlephaTheme } from \"../interfaces/AlephaTheme.ts\";\nimport { ThemeProvider } from \"../providers/ThemeProvider.ts\";\n\n/**\n * Hook to get and set the current theme.\n *\n * Returns a tuple with the current theme and a function to set the theme.\n *\n * ```tsx\n * const [theme, setTheme] = useTheme();\n * ```\n */\nexport const useTheme = (): [\n AlephaTheme,\n (theme: CurrentAlephaTheme) => void,\n] => {\n useStore(alephaThemeAtom);\n\n const themeProvider = useInject(ThemeProvider);\n const theme = themeProvider.getTheme();\n const setTheme = (theme: CurrentAlephaTheme) => {\n themeProvider.setTheme(theme.index);\n };\n\n return [theme, setTheme] as const;\n};\n","import { useInject } from \"alepha/react\";\nimport { ToastService } from \"../services/ToastService.tsx\";\n\n/**\n * Use this hook to access the Toast Service for showing notifications.\n *\n * @example\n * ```tsx\n * const toast = useToast();\n * toast.success({ message: \"Operation completed successfully!\" });\n * toast.error({ title: \"Error\", message: \"Something went wrong\" });\n * ```\n */\nexport const useToast = (): ToastService => {\n return useInject(ToastService);\n};\n","import { renderIcon, ui } from \"@alepha/ui\";\nimport { Spotlight, type SpotlightActionData } from \"@mantine/spotlight\";\nimport { IconSearch } from \"@tabler/icons-react\";\nimport { useStore } from \"alepha/react\";\nimport { useRouter } from \"alepha/react/router\";\nimport { currentUserAtom } from \"alepha/security\";\nimport { type ReactNode, useMemo } from \"react\";\n\nexport interface OmnibarProps {\n shortcut?: string | string[];\n searchPlaceholder?: string;\n nothingFound?: ReactNode;\n}\n\nconst Omnibar = (props: OmnibarProps) => {\n const shortcut = props.shortcut ?? \"mod+K\";\n const searchPlaceholder = props.searchPlaceholder ?? \"Search...\";\n const nothingFound = props.nothingFound ?? \"Nothing found...\";\n const router = useRouter();\n\n // watch user to re-render on permission changes\n const [user] = useStore(currentUserAtom);\n\n const actions: SpotlightActionData[] = useMemo(\n () =>\n router.concretePages\n .filter((page) => {\n if (page.can && !page.can()) return false;\n\n return true;\n })\n .map((page) => ({\n id: page.name,\n label: page.label ?? page.name,\n description: page.description,\n onClick: () => {\n if (page.staticName) {\n return router.push(page.staticName, { params: page.params });\n }\n return router.push(page.name);\n },\n leftSection: renderIcon(page.icon),\n })),\n [user],\n );\n\n return (\n <Spotlight\n actions={actions}\n shortcut={shortcut}\n limit={10}\n searchProps={{\n leftSection: <IconSearch size={ui.sizes.icon.md} />,\n placeholder: searchPlaceholder,\n }}\n nothingFound={nothingFound}\n />\n );\n};\n\nexport default Omnibar;\n","import {\n ColorSchemeScript,\n type ColorSchemeScriptProps,\n MantineProvider,\n type MantineProviderProps,\n} from \"@mantine/core\";\nimport { ModalsProvider, type ModalsProviderProps } from \"@mantine/modals\";\nimport { Notifications, type NotificationsProps } from \"@mantine/notifications\";\nimport type { NavigationProgressProps } from \"@mantine/nprogress\";\nimport { NavigationProgress, nprogress } from \"@mantine/nprogress\";\nimport { TypeBoxError } from \"alepha\";\nimport { useEvents } from \"alepha/react\";\nimport { FormValidationError } from \"alepha/react/form\";\nimport { NestedView } from \"alepha/react/router\";\nimport type { ReactNode } from \"react\";\nimport { useTheme } from \"../hooks/useTheme.ts\";\nimport { useToast } from \"../hooks/useToast.ts\";\nimport Omnibar, { type OmnibarProps } from \"./layout/Omnibar.tsx\";\n\nexport interface AlephaMantineProviderProps {\n children?: ReactNode;\n mantine?: MantineProviderProps;\n colorSchemeScript?: ColorSchemeScriptProps;\n navigationProgress?: NavigationProgressProps;\n notifications?: NotificationsProps;\n modals?: ModalsProviderProps;\n omnibar?: OmnibarProps | false;\n}\n\nconst AlephaMantineProvider = (props: AlephaMantineProviderProps) => {\n const toast = useToast();\n const [theme] = useTheme();\n\n useEvents(\n {\n \"react:transition:begin\": () => {\n nprogress.start();\n },\n \"react:transition:end\": () => {\n nprogress.complete();\n },\n \"react:action:error\": ({ error, type }) => {\n if (\n type === \"transition\" ||\n error instanceof FormValidationError ||\n error instanceof TypeBoxError\n ) {\n // Validation errors are handled by the form component\n return;\n }\n\n toast.danger({\n title: error.name || \"Error\",\n message:\n error.message ?? \"An error occurred while processing your action.\",\n });\n },\n },\n [],\n );\n\n const defaultColorScheme =\n props.mantine?.defaultColorScheme ?? theme.defaultColorScheme;\n\n return (\n <>\n <ColorSchemeScript\n defaultColorScheme={defaultColorScheme}\n {...props.colorSchemeScript}\n />\n <MantineProvider\n {...props.mantine}\n defaultColorScheme={defaultColorScheme}\n theme={{\n // Spread all theme properties from the selected theme\n ...theme,\n // User overrides take precedence\n ...props.mantine?.theme,\n }}\n >\n <Notifications {...props.notifications} />\n <NavigationProgress {...props.navigationProgress} />\n <ModalsProvider {...props.modals}>\n {props.omnibar !== false && <Omnibar {...props.omnibar} />}\n {props.children ?? <NestedView />}\n </ModalsProvider>\n </MantineProvider>\n </>\n );\n};\n\nexport default AlephaMantineProvider;\n","export const ui = {\n colors: {\n transparent: \"transparent\",\n background: \"var(--alepha-background)\",\n surface: \"var(--alepha-surface)\",\n elevated: \"var(--alepha-elevated)\",\n border: \"var(--alepha-border)\",\n },\n sizes: {\n icon: {\n xs: 14,\n sm: 16,\n md: 20,\n lg: 24,\n xl: 32,\n },\n },\n};\n","import { type ComponentType, isValidElement } from \"react\";\n\nexport function isComponentType(param: any): param is ComponentType<any> {\n if (isValidElement(param)) return false;\n return (\n typeof param === \"function\" ||\n (typeof param === \"object\" && param !== null && \"$$typeof\" in param)\n );\n}\n","import {\n Anchor,\n type AnchorProps,\n Button,\n type ButtonProps,\n Flex,\n Menu,\n type MenuItemProps,\n type MenuProps,\n type MenuTargetProps,\n ThemeIcon,\n type ThemeIconProps,\n Tooltip,\n type TooltipProps,\n useMantineTheme,\n} from \"@mantine/core\";\nimport { IconCheck, IconChevronRight } from \"@tabler/icons-react\";\nimport { type UseActionReturn, useAction } from \"alepha/react\";\nimport { type FormModel, useFormState } from \"alepha/react/form\";\nimport {\n type RouterPushOptions,\n type UseActiveOptions,\n useActive,\n useRouter,\n} from \"alepha/react/router\";\nimport {\n type ButtonHTMLAttributes,\n Children,\n type ComponentType,\n type ReactNode,\n} from \"react\";\nimport { ui } from \"../../constants/ui.ts\";\nimport { isComponentType } from \"../../helpers/isComponentType.ts\";\n\nexport interface ActionMenuItem {\n /**\n * Menu item type\n */\n type?: \"item\" | \"divider\" | \"label\";\n\n /**\n * Label text for the menu item\n */\n label?: string | ReactNode;\n\n /**\n * Icon element to display before the label\n */\n icon?: ReactNode;\n\n /**\n * Click handler for menu items\n */\n onClick?: () => void;\n\n /**\n * Href for navigation menu items\n */\n href?: string;\n\n /**\n * Color for the menu item (e.g., \"red\" for danger actions)\n */\n color?: string;\n\n /**\n * Nested submenu items\n */\n children?: ActionMenuItem[];\n\n /**\n * Whether the menu item is active\n */\n active?: boolean;\n}\n\nexport interface ActionMenuConfig {\n /**\n * Array of menu items to display\n */\n items: ActionMenuItem[];\n\n /**\n * Menu position relative to the button\n */\n position?:\n | \"bottom\"\n | \"bottom-start\"\n | \"bottom-end\"\n | \"top\"\n | \"top-start\"\n | \"top-end\"\n | \"left\"\n | \"right\";\n\n /**\n * Menu width\n */\n width?: number | string;\n\n /**\n * Menu shadow\n */\n shadow?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\n on?: \"hover\" | \"click\";\n\n targetProps?: MenuTargetProps;\n\n menuProps?: MenuProps;\n}\n\nexport interface ActionCommonProps extends ButtonProps {\n children?: ReactNode;\n\n textVisibleFrom?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\n /**\n * Tooltip to display on hover. Can be a string for simple tooltips\n * or a TooltipProps object for advanced configuration.\n */\n tooltip?: string | number | TooltipProps;\n\n /**\n * Menu configuration. When provided, the action will display a dropdown menu.\n */\n menu?: ActionMenuConfig;\n\n /**\n * If set, a confirmation dialog will be shown before performing the action.\n * If `true`, a default title and message will be used.\n * If a string, it will be used as the message with a default title.\n * If an object, it can contain `title` and `message` properties to customize the dialog.\n */\n confirm?: boolean | string | { title?: string; message: string };\n\n /**\n * Icon to display on the left side of the button.\n * If no children are provided, the button will be styled as an icon-only button.\n */\n icon?: ReactNode | ComponentType;\n\n /**\n * Additional props to pass to the ThemeIcon wrapping the icon.\n */\n themeIconProps?: ThemeIconProps;\n\n /**\n * Visual intent of the action button.\n */\n intent?: \"primary\" | \"success\" | \"danger\" | \"warning\" | \"info\" | \"none\";\n}\n\nexport type ActionProps = ActionCommonProps &\n (\n | ActionNavigationButtonProps\n | ActionClickButtonProps\n | ActionSubmitButtonProps\n | ActionHookButtonProps\n | {}\n );\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n// Helper function to render menu items recursively\nconst ActionMenuItem = (props: {\n item: ActionMenuItem;\n index: number;\n}): ReactNode => {\n const { item, index } = props;\n\n const router = useRouter();\n const action = useAction(\n {\n handler: async (e: any) => {\n await item.onClick?.();\n },\n },\n [item.onClick],\n );\n\n // Render divider\n if (item.type === \"divider\") {\n return <Menu.Divider key={index} />;\n }\n\n // Render label\n if (item.type === \"label\") {\n return <Menu.Label key={index}>{item.label}</Menu.Label>;\n }\n\n // Render submenu if it has children\n if (item.children && item.children.length > 0) {\n return (\n <Menu key={index} trigger=\"hover\" position=\"right-start\" offset={2}>\n <Menu.Target>\n <Menu.Item\n leftSection={item.icon}\n rightSection={<IconChevronRight size={14} />}\n >\n {item.label}\n </Menu.Item>\n </Menu.Target>\n <Menu.Dropdown>\n {item.children.map((child, childIndex) => (\n <ActionMenuItem item={child} index={childIndex} key={childIndex} />\n ))}\n </Menu.Dropdown>\n </Menu>\n );\n }\n\n const menuItemProps: MenuItemProps & ButtonHTMLAttributes<unknown> = {};\n if (props.item.onClick) {\n menuItemProps.onClick = action.run;\n } else if (props.item.href) {\n Object.assign(menuItemProps, router.anchor(props.item.href));\n }\n\n // render regular menu item\n return (\n <Menu.Item\n key={index}\n leftSection={item.icon}\n onClick={item.onClick}\n color={item.color}\n rightSection={\n item.active ? (\n <ThemeIcon size={\"xs\"} variant={\"transparent\"}>\n <IconCheck />\n </ThemeIcon>\n ) : undefined\n }\n {...menuItemProps}\n >\n {item.label}\n </Menu.Item>\n );\n};\n\nconst ActionButton = (_props: ActionProps) => {\n const theme = useMantineTheme();\n const props = { ..._props };\n const { tooltip, menu, icon, ...restProps } = props;\n\n if (props.variant === \"subtle\" || props.variant === \"outline\") {\n restProps.color ??= \"gray\";\n }\n\n if (props.intent) {\n if (props.intent === \"none\") {\n restProps.color ??= \"gray\";\n } else if (props.intent === \"primary\") {\n restProps.color ??= theme.primaryColor;\n } else if (props.intent === \"success\") {\n restProps.c ??= \"white\";\n restProps.color ??= \"green\";\n } else if (props.intent === \"danger\") {\n restProps.c ??= \"white\";\n restProps.color ??= \"red\";\n } else if (props.intent === \"warning\") {\n restProps.color ??= \"yellow\";\n } else if (props.intent === \"info\") {\n restProps.c ??= \"white\";\n restProps.color ??= \"blue\";\n }\n }\n\n if (props.icon) {\n const sizes = ui.sizes.icon as Record<string, number>;\n const icon = isComponentType(props.icon) ? (\n <props.icon size={sizes[props.size || \"md\"]} />\n ) : (\n <span>{props.icon as ReactNode}</span>\n );\n\n if (!props.children) {\n restProps.children = Children.only(icon);\n restProps.px ??= \"xs\"; // TODO: change based on props.size ?\n } else {\n restProps.leftSection = icon;\n }\n }\n\n if (props.leftSection && !props.children) {\n restProps.px ??= \"xs\";\n }\n\n if (props.textVisibleFrom) {\n const { children, textVisibleFrom, leftSection, ...rest } = restProps;\n return (\n <>\n <Flex w={\"100%\"} visibleFrom={textVisibleFrom}>\n <ActionButton\n flex={1}\n {...rest}\n leftSection={leftSection}\n tooltip={tooltip}\n menu={menu}\n >\n {children}\n </ActionButton>\n </Flex>\n <Flex w={\"100%\"} hiddenFrom={textVisibleFrom}>\n <ActionButton px={\"xs\"} {...rest} tooltip={tooltip} menu={menu}>\n {leftSection}\n </ActionButton>\n </Flex>\n </>\n );\n }\n\n const renderAction = () => {\n if (\"href\" in restProps && restProps.href) {\n if (restProps.href.startsWith(\"http\") || restProps.target) {\n return (\n <ActionHrefButton {...restProps} href={restProps.href}>\n {restProps.children}\n </ActionHrefButton>\n );\n }\n return (\n <ActionNavigationButton {...restProps} href={restProps.href}>\n {restProps.children}\n </ActionNavigationButton>\n );\n }\n\n delete (restProps as any).classNameActive;\n delete (restProps as any).variantActive;\n delete (restProps as any).propsActive;\n\n if (\"action\" in restProps && restProps.action) {\n return (\n <ActionHookButton {...restProps} action={restProps.action}>\n {restProps.children}\n </ActionHookButton>\n );\n }\n\n if (\"onClick\" in restProps && restProps.onClick) {\n return (\n <ActionClickButton {...restProps} onClick={restProps.onClick}>\n {restProps.children}\n </ActionClickButton>\n );\n }\n\n if (\"form\" in restProps && restProps.form) {\n if (restProps.type === \"reset\") {\n return (\n <ActionResetButton {...restProps} form={restProps.form}>\n {restProps.children}\n </ActionResetButton>\n );\n }\n return (\n <ActionSubmitButton {...restProps} form={restProps.form}>\n {restProps.children}\n </ActionSubmitButton>\n );\n }\n\n return <Button {...(restProps as any)}>{restProps.children}</Button>;\n };\n\n let actionElement = renderAction();\n\n // wrap with Menu if provided\n if (menu) {\n actionElement = (\n <Menu\n position={menu.position || \"bottom-start\"}\n width={menu.width || 200}\n shadow={menu.shadow || \"md\"}\n trigger={menu.on === \"hover\" ? \"hover\" : \"click\"}\n {...menu.menuProps}\n >\n <Menu.Target {...menu.targetProps}>{actionElement}</Menu.Target>\n <Menu.Dropdown>\n {menu.items.map((item, index) => (\n <ActionMenuItem item={item} index={index} key={index} />\n ))}\n </Menu.Dropdown>\n </Menu>\n );\n }\n\n // Wrap with Tooltip if provided\n if (tooltip) {\n // openDelay: 1000 -> like HTML title attribute\n const defaultTooltipProps: Partial<TooltipProps> = {\n openDelay: 1000,\n };\n const tooltipProps: TooltipProps =\n typeof tooltip === \"string\" || typeof tooltip === \"number\"\n ? {\n ...defaultTooltipProps,\n label: tooltip,\n children: actionElement,\n }\n : { ...defaultTooltipProps, ...tooltip, children: actionElement };\n\n return <Tooltip {...tooltipProps} />;\n }\n\n return actionElement;\n};\n\nexport default ActionButton;\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n// Action Submit\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport interface ActionSubmitButtonProps extends ButtonProps {\n form: FormModel<any>;\n type?: \"submit\" | \"reset\";\n}\n\n/**\n * Action button that submits a form with loading and disabled state handling.\n */\nconst ActionSubmitButton = (props: ActionSubmitButtonProps) => {\n const { form, ...buttonProps } = props;\n const state = useFormState(form);\n return (\n <Button\n {...buttonProps}\n loading={state.loading}\n disabled={state.loading}\n type={\"submit\"}\n >\n {props.children}\n </Button>\n );\n};\n\nconst ActionResetButton = (props: ActionSubmitButtonProps) => {\n const { form, ...buttonProps } = props;\n const state = useFormState(form);\n return (\n <Button {...buttonProps} disabled={state.loading} type={\"reset\"}>\n {props.children}\n </Button>\n );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n// Action with useAction Hook\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport interface ActionHookButtonProps extends ButtonProps {\n action: UseActionReturn<any[], any>;\n}\n\n/**\n * Action button that integrates with useAction hook return value.\n * Automatically handles loading state and executes the action on click.\n *\n * @example\n * ```tsx\n * const saveAction = useAction({\n * handler: async (data) => {\n * await api.save(data);\n * }\n * }, []);\n *\n * <ActionButton action={saveAction}>\n * Save\n * </ActionButton>\n * ```\n */\nconst ActionHookButton = (props: ActionHookButtonProps) => {\n const { action, ...buttonProps } = props;\n\n return (\n <Button\n {...buttonProps}\n disabled={action.loading || props.disabled}\n loading={action.loading}\n onClick={() => action.run()}\n >\n {props.children}\n </Button>\n );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n// Action Click\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport interface ActionClickButtonProps extends ButtonProps {\n onClick: (e: any) => any;\n preventDefault?: boolean;\n}\n\n/**\n * Basic action button that handles click events with loading and error handling.\n *\n * @example\n * ```tsx\n * <ActionButton onClick={() => api.doSomething()}>\n * Do Something\n * </ActionButton>\n * ```\n */\nconst ActionClickButton = ({\n preventDefault,\n ...props\n}: ActionClickButtonProps) => {\n const action = useAction(\n {\n handler: async (e: any) => {\n if (preventDefault) {\n e.preventDefault();\n }\n await props.onClick(e);\n },\n },\n [props.onClick, preventDefault],\n );\n\n return (\n <Button\n {...props}\n disabled={action.loading || props.disabled}\n loading={action.loading}\n onClick={action.run}\n >\n {props.children}\n </Button>\n );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n// Action Navigation\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport interface ActionNavigationButtonProps extends ButtonProps {\n href: string;\n active?: Partial<UseActiveOptions> | false;\n routerGoOptions?: RouterPushOptions;\n classNameActive?: string;\n variantActive?: ButtonProps[\"variant\"];\n propsActive?: ButtonProps;\n target?: string;\n anchorProps?: AnchorProps;\n anchor?: boolean;\n}\n\n/**\n * Action for navigation with active state support.\n */\nconst ActionNavigationButton = (props: ActionNavigationButtonProps) => {\n const {\n active: options,\n classNameActive,\n variantActive,\n propsActive,\n routerGoOptions,\n onClick: propsOnClick,\n anchor,\n ...buttonProps\n } = props as ActionNavigationButtonProps & { onClick?: (e: any) => void };\n const router = useRouter();\n const { isPending, isActive } = useActive(\n options ? { href: props.href, ...options } : { href: props.href },\n );\n const anchorProps = router.anchor(props.href, routerGoOptions);\n\n if (propsActive && isActive) {\n Object.assign(buttonProps, propsActive);\n }\n\n // Combine passed onClick with router's onClick\n const combinedOnClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n propsOnClick?.(e as any);\n anchorProps.onClick?.(e);\n };\n\n const className = buttonProps.className || \"\";\n if (isActive && options !== false && classNameActive) {\n buttonProps.className = `${className} ${classNameActive}`.trim();\n }\n\n if (props.anchorProps || anchor) {\n return (\n <Anchor\n component={\"a\"}\n {...anchorProps}\n {...(buttonProps as AnchorProps)}\n {...props.anchorProps}\n onClick={combinedOnClick}\n >\n {props.children}\n </Anchor>\n );\n }\n\n return (\n <Button\n component={\"a\"}\n loading={isPending}\n {...buttonProps}\n {...anchorProps}\n onClick={combinedOnClick}\n variant={\n isActive && options !== false\n ? (variantActive ?? \"filled\")\n : (buttonProps.variant ?? \"subtle\")\n }\n >\n {props.children}\n </Button>\n );\n};\n\nconst ActionHrefButton = (props: ActionNavigationButtonProps) => {\n const {\n active: options,\n classNameActive,\n variantActive,\n propsActive,\n routerGoOptions,\n target,\n ...buttonProps\n } = props;\n\n return (\n <Button component={\"a\"} target={target} {...buttonProps}>\n {props.children}\n </Button>\n );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n","import { Burger, type BurgerProps } from \"@mantine/core\";\nimport { useStore } from \"alepha/react\";\nimport { alephaSidebarAtom } from \"../../atoms/alephaSidebarAtom.ts\";\n\nexport interface BurgerButtonProps extends BurgerProps {}\n\nconst BurgerButton = (props: BurgerButtonProps) => {\n const [sidebar, setSidebar] = useStore(alephaSidebarAtom);\n\n return (\n <Burger\n opened={!sidebar.closed}\n onClick={() => setSidebar({ ...sidebar, closed: !sidebar.closed })}\n hiddenFrom=\"md\"\n size=\"sm\"\n {...props}\n />\n );\n};\n\nexport default BurgerButton;\n","import { useMantineColorScheme } from \"@mantine/core\";\nimport { IconMoon, IconSun } from \"@tabler/icons-react\";\nimport { ui } from \"../../constants/ui.ts\";\nimport ActionButton, { type ActionProps } from \"./ActionButton.tsx\";\n\n/**\n * SSR-safe dark mode toggle button.\n *\n * Uses CSS-based icon switching to avoid hydration mismatches.\n * Both icons are rendered, CSS hides the wrong one based on\n * `data-mantine-color-scheme` attribute.\n */\nconst DarkModeButton = (props: Partial<ActionProps>) => {\n const { setColorScheme } = useMantineColorScheme();\n\n const toggleColorScheme = () => {\n const current =\n document.documentElement.getAttribute(\"data-mantine-color-scheme\") ??\n \"light\";\n setColorScheme(current === \"dark\" ? \"light\" : \"dark\");\n };\n\n const size = props.size ?? \"md\";\n const iconSize =\n (ui.sizes.icon as Record<string, number>)[size] ?? ui.sizes.icon.md;\n\n return (\n <ActionButton\n onClick={toggleColorScheme}\n variant={props.variant ?? \"subtle\"}\n size={size}\n aria-label=\"Toggle color scheme\"\n icon={\n <>\n <IconSun size={iconSize} className=\"alepha-light-hidden\" />\n <IconMoon size={iconSize} className=\"alepha-dark-hidden\" />\n </>\n }\n {...props}\n />\n );\n};\n\nexport default DarkModeButton;\n","import { IconLanguage } from \"@tabler/icons-react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport ActionButton, { type ActionProps } from \"./ActionButton.tsx\";\n\nconst LanguageButton = (props: Partial<ActionProps>) => {\n const i18n = useI18n();\n return (\n <ActionButton\n variant={\"subtle\"}\n icon={IconLanguage}\n menu={{\n items: i18n.languages.map((lang) => ({\n label: i18n.tr(lang),\n onClick: () => i18n.setLang(lang),\n active: i18n.lang === lang,\n })),\n }}\n {...props}\n />\n );\n};\n\nexport default LanguageButton;\n","import { Flex, Kbd, Text } from \"@mantine/core\";\nimport { useOs } from \"@mantine/hooks\";\nimport { spotlight } from \"@mantine/spotlight\";\nimport { IconSearch } from \"@tabler/icons-react\";\nimport { ClientOnly } from \"alepha/react\";\nimport ActionButton, { type ActionProps } from \"./ActionButton.tsx\";\n\nexport interface OmnibarButtonProps {\n actionProps?: ActionProps;\n collapsed?: boolean;\n}\n\nconst OmnibarButton = (props: OmnibarButtonProps) => {\n const os = useOs();\n const isMac = os === \"macos\" || os === \"ios\";\n const shortcut = isMac ? \"⌘\" : \"Ctrl\";\n\n if (props.collapsed) {\n return (\n <ActionButton\n variant={\"subtle\"}\n onClick={spotlight.open}\n radius={\"md\"}\n icon={<IconSearch size={16} />}\n tooltip={{ label: \"Search\", position: \"right\" }}\n {...props.actionProps}\n />\n );\n }\n\n return (\n <ActionButton\n variant={\"default\"}\n onClick={spotlight.open}\n justify={\"space-between\"}\n rightSection={\n <Kbd visibleFrom={\"sm\"} size={\"sm\"}>\n <ClientOnly>{shortcut}</ClientOnly>+K\n </Kbd>\n }\n radius={\"md\"}\n {...props.actionProps}\n >\n <Flex align={\"center\"} gap={\"xs\"}>\n <IconSearch size={16} color={\"gray\"} />\n <Flex visibleFrom={\"sm\"} miw={192}>\n <Text size={\"xs\"} c={\"dimmed\"}>\n Search...\n </Text>\n </Flex>\n </Flex>\n </ActionButton>\n );\n};\n\nexport default OmnibarButton;\n","import {\n IconLayoutSidebarLeftCollapse,\n IconLayoutSidebarRightCollapse,\n} from \"@tabler/icons-react\";\nimport { useStore } from \"alepha/react\";\nimport { alephaSidebarAtom } from \"../../atoms/alephaSidebarAtom.ts\";\nimport ActionButton, { type ActionProps } from \"./ActionButton.tsx\";\n\ntype Props = ActionProps;\n\nconst ToggleSidebarButton = (props: Props) => {\n const [sidebar, setSidebar] = useStore(alephaSidebarAtom);\n\n return (\n <ActionButton\n icon={\n sidebar.collapsed\n ? IconLayoutSidebarRightCollapse\n : IconLayoutSidebarLeftCollapse\n }\n visibleFrom={\"md\"}\n variant={\"subtle\"}\n size={\"md\"}\n onClick={() => {\n setSidebar({\n ...sidebar,\n collapsed: !sidebar.collapsed,\n });\n }}\n tooltip={{\n position: \"right\",\n label: sidebar.collapsed ? \"Show sidebar\" : \"Hide sidebar\",\n }}\n {...props}\n />\n );\n};\n\nexport default ToggleSidebarButton;\n","import {\n Flex as MantineFlex,\n type FlexProps as MantineFlexProps,\n} from \"@mantine/core\";\nimport { forwardRef } from \"react\";\n\nexport interface FlexProps extends MantineFlexProps {\n /**\n * flex: 1 — fill available space.\n */\n fill?: boolean;\n\n /**\n * Shorthand for align=\"center\" + justify=\"center\".\n */\n center?: boolean;\n\n /**\n * Shorthand for justify=\"center\".\n */\n centerX?: boolean;\n\n /**\n * Shorthand for align=\"center\".\n */\n centerY?: boolean;\n\n /**\n * Shorthand for direction=\"column\".\n */\n col?: boolean;\n}\n\nconst Flex = forwardRef<HTMLDivElement, FlexProps>((props, ref) => {\n const { fill, center, centerX, centerY, col, ...rest } = props;\n\n if (fill) {\n rest.flex ??= 1;\n }\n\n if (col) {\n rest.direction ??= \"column\";\n }\n\n if (center) {\n rest.align ??= \"center\";\n rest.justify ??= \"center\";\n }\n\n if (centerX) {\n rest.justify ??= \"center\";\n }\n\n if (centerY) {\n rest.align ??= \"center\";\n }\n\n return <MantineFlex ref={ref} {...rest} />;\n});\n\nFlex.displayName = \"Flex\";\n\nexport default Flex;\n","import type { ReactNode } from \"react\";\nimport type { AlephaIntent } from \"../interfaces/AlephaIntent.ts\";\n\nexport type HeadingProps = {\n title: string | ReactNode;\n description?: string | ReactNode;\n icon?: ReactNode;\n intent?: AlephaIntent;\n loading?: boolean;\n ellipsis?: boolean;\n fill?: boolean;\n tag?: string | ReactNode;\n};\n\nconst Heading = (props: HeadingProps) => {\n return <h1>Heading</h1>;\n};\n\nexport default Heading;\n","import {\n ActionButton,\n type ActionProps,\n BurgerButton,\n DarkModeButton,\n Flex,\n LanguageButton,\n OmnibarButton,\n type OmnibarButtonProps,\n Text,\n} from \"@alepha/ui\";\nimport {\n Anchor,\n Container,\n type ContainerProps,\n Divider,\n type FlexProps,\n Image,\n} from \"@mantine/core\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\nimport { Link, useRouter } from \"alepha/react/router\";\nimport type { ComponentType, ReactNode } from \"react\";\n\nexport type AppBarItem =\n | AppBarElement\n | AppBarBurger\n | AppBarDark\n | AppBarSearch\n | AppBarLang\n | AppBarSpacer\n | AppBarDivider\n | AppBarLogo\n | AppBarBack;\n\nexport interface AppBarAbstractItem {\n position: \"left\" | \"center\" | \"right\";\n\n /**\n * Visibility control: return true to show, false to hide.\n */\n can?: () => boolean;\n}\n\nexport interface AppBarElement extends AppBarAbstractItem {\n element: ReactNode;\n}\n\nexport interface AppBarBurger extends AppBarAbstractItem {\n type: \"burger\";\n}\n\nexport interface AppBarDark extends AppBarAbstractItem {\n type: \"dark\";\n props?: Partial<ActionProps>;\n}\n\nexport interface AppBarSearch extends AppBarAbstractItem {\n type: \"search\";\n props?: OmnibarButtonProps;\n}\n\nexport interface AppBarLang extends AppBarAbstractItem {\n type: \"lang\";\n props?: Partial<ActionProps>;\n}\n\nexport interface AppBarSpacer extends AppBarAbstractItem {\n type: \"spacer\";\n}\n\nexport interface AppBarDivider extends AppBarAbstractItem {\n type: \"divider\";\n}\n\nexport interface AppBarLogo extends AppBarAbstractItem {\n type: \"logo\";\n props?: {\n /**\n * Logo image source URL.\n */\n src?: string;\n\n /**\n * Logo text (used if no src provided).\n */\n text?: string;\n\n /**\n * Icon component (used if no src or text provided).\n */\n icon?: ReactNode | ComponentType;\n\n /**\n * Link href when logo is clicked.\n */\n href?: string;\n\n /**\n * Logo image height in pixels.\n * @default 32\n */\n height?: number;\n\n /**\n * Logo image width in pixels.\n */\n width?: number;\n\n /**\n * Font weight for text logo.\n * @default 700\n */\n fontWeight?: number;\n\n /**\n * Font size for text logo.\n * @default \"lg\"\n */\n fontSize?: string;\n };\n}\n\nexport interface AppBarBack extends AppBarAbstractItem {\n type: \"back\";\n props?: {\n /**\n * Custom label for back button.\n * @default \"Back\"\n */\n label?: string;\n\n /**\n * Show only icon without label.\n * @default true\n */\n iconOnly?: boolean;\n\n /**\n * Custom href to navigate to instead of history back.\n */\n href?: string;\n\n /**\n * Custom icon component.\n */\n icon?: ReactNode | ComponentType;\n };\n}\n\nexport interface AppBarProps {\n flexProps?: FlexProps;\n items?: AppBarItem[];\n\n /**\n * Wrap the AppBar content in a Mantine Container.\n * Pass `true` for default Container, or ContainerProps to customize.\n */\n container?: boolean | ContainerProps;\n}\n\nconst AppBar = (props: AppBarProps) => {\n const { items = [] } = props;\n const router = useRouter();\n\n const renderItem = (item: AppBarItem, index: number) => {\n // Check visibility control\n if (item.can && !item.can()) {\n return null;\n }\n\n if (\"type\" in item) {\n if (item.type === \"burger\") {\n return <BurgerButton key={index} />;\n }\n if (item.type === \"dark\") {\n return <DarkModeButton key={index} {...item.props} />;\n }\n if (item.type === \"search\") {\n return <OmnibarButton key={index} {...item.props} />;\n }\n if (item.type === \"lang\") {\n return <LanguageButton key={index} {...item.props} />;\n }\n if (item.type === \"spacer\") {\n return <Flex key={index} w={16} />;\n }\n if (item.type === \"divider\") {\n return <Divider key={index} orientation=\"vertical\" />;\n }\n if (item.type === \"logo\") {\n return renderLogo(item, index);\n }\n if (item.type === \"back\") {\n return renderBack(item, index);\n }\n }\n if (\"element\" in item) {\n return item.element;\n }\n return null;\n };\n\n const renderLogo = (item: AppBarLogo, index: number) => {\n const {\n src,\n text,\n icon,\n href,\n height = 32,\n width,\n fontWeight = 700,\n fontSize = \"lg\",\n } = item.props ?? {};\n\n const logoContent = src ? (\n <Image src={src} h={height} w={width} fit=\"contain\" />\n ) : icon ? (\n typeof icon === \"function\" ? (\n (() => {\n const IconComponent = icon;\n return <IconComponent />;\n })()\n ) : (\n icon\n )\n ) : text ? (\n <Text fw={fontWeight} size={fontSize}>\n {text}\n </Text>\n ) : null;\n\n if (href) {\n return (\n <Anchor\n component={Link}\n key={index}\n href={href}\n underline=\"never\"\n c=\"inherit\"\n >\n {logoContent}\n </Anchor>\n );\n }\n\n return <Flex key={index}>{logoContent}</Flex>;\n };\n\n const renderBack = (item: AppBarBack, index: number) => {\n const { label = \"Back\", iconOnly = true, href, icon } = item.props ?? {};\n\n const renderIcon = () => {\n if (!icon) {\n return <IconArrowLeft size={18} />;\n }\n if (typeof icon === \"function\") {\n const IconComponent = icon as ComponentType<{ size?: number }>;\n return <IconComponent size={18} />;\n }\n return icon;\n };\n\n const iconElement = renderIcon();\n\n const handleClick = () => {\n if (href) {\n router.push(href);\n } else {\n router.back();\n }\n };\n\n if (iconOnly) {\n return (\n <ActionButton\n key={index}\n icon={iconElement}\n variant=\"subtle\"\n color=\"gray\"\n onClick={handleClick}\n tooltip={{ label, position: \"bottom\" }}\n />\n );\n }\n\n return (\n <ActionButton\n key={index}\n leftSection={iconElement}\n variant=\"subtle\"\n color=\"gray\"\n onClick={handleClick}\n >\n {label}\n </ActionButton>\n );\n };\n\n const leftItems = items.filter((item) => item.position === \"left\");\n const centerItems = items.filter((item) => item.position === \"center\");\n const rightItems = items.filter((item) => item.position === \"right\");\n\n const content = (\n <Flex\n h=\"100%\"\n align=\"center\"\n px={props.container ? 0 : \"md\"}\n justify=\"space-between\"\n {...props.flexProps}\n >\n <Flex flex={1}>\n {leftItems.map((item, index) => (\n <Flex key={index} ml={index === 0 ? 0 : \"md\"} align=\"center\">\n {renderItem(item, index)}\n </Flex>\n ))}\n </Flex>\n <Flex>\n {centerItems.map((item, index) => (\n <Flex key={index} mx=\"md\" align=\"center\">\n {renderItem(item, index)}\n </Flex>\n ))}\n </Flex>\n <Flex flex={1} align={\"center\"} justify={\"end\"}>\n {rightItems.map((item, index) => (\n <Flex key={index} ml={index === 0 ? 0 : \"md\"} align=\"center\">\n {renderItem(item, index)}\n </Flex>\n ))}\n </Flex>\n </Flex>\n );\n\n if (props.container) {\n const containerProps =\n typeof props.container === \"boolean\" ? {} : props.container;\n return (\n <Container h=\"100%\" {...containerProps}>\n {content}\n </Container>\n );\n }\n\n return content;\n};\n\nexport default AppBar;\n","import { ActionButton, Flex, Text, toTitleCase } from \"@alepha/ui\";\nimport type { FlexProps } from \"@mantine/core\";\nimport { IconChevronRight } from \"@tabler/icons-react\";\nimport { useRouter, useRouterState } from \"alepha/react/router\";\nimport type { ReactNode } from \"react\";\n\nexport interface BreadcrumbProps extends FlexProps {\n /**\n * Label for the home/root crumb. Set to `false` to hide the root crumb.\n *\n * @default \"Home\"\n */\n home?: string | false;\n\n /**\n * Custom separator between crumbs.\n *\n * @default IconChevronRight\n */\n separator?: ReactNode;\n\n /**\n * Size of text and separator icons.\n *\n * @default \"xs\"\n */\n size?: string;\n}\n\n/**\n * Automatic breadcrumb component that reads the current route hierarchy\n * from the Alepha router's layer stack.\n *\n * Pages should define a `label` in their `$page()` options for best results.\n * Falls back to the page name converted to Title Case.\n */\nconst Breadcrumb = ({\n home = \"Home\",\n separator,\n size = \"sm\",\n ...groupProps\n}: BreadcrumbProps) => {\n const state = useRouterState();\n const router = useRouter();\n\n const crumbs: Array<{ label: string; href: string }> = [];\n\n // Optionally add home crumb\n if (home !== false) {\n crumbs.push({ label: home, href: \"/\" });\n }\n\n // Build crumbs from layers, skipping the root layout (index 0)\n for (let i = 1; i < state.layers.length; i++) {\n const layer = state.layers[i];\n const route = layer.route as any;\n\n // Skip index routes (path \"/\") — they share the parent URL\n if (route?.path === \"/\" || route?.path === \"\") continue;\n\n const label = route?.label ?? toTitleCase(layer.name);\n // Use router.path() to resolve dynamic params (e.g. :userId → 3)\n const href = router.path(layer.name);\n crumbs.push({ label, href });\n }\n\n if (crumbs.length === 0) return null;\n\n const sep = separator ?? <IconChevronRight size={12} color=\"#9ca3af\" />;\n\n return (\n <Flex gap={\"sm\"} {...groupProps}>\n {crumbs.map((crumb, i) => (\n <Flex align={\"center\"} key={crumb.href} gap={\"sm\"}>\n {i > 0 && sep}\n {i < crumbs.length - 1 ? (\n <ActionButton anchor href={crumb.href} size={size} c=\"dimmed\">\n {crumb.label}\n </ActionButton>\n ) : (\n <Text size={size} fw={500}>\n {crumb.label}\n </Text>\n )}\n </Flex>\n ))}\n </Flex>\n );\n};\n\nexport default Breadcrumb;\n","import {\n Container as MantineContainer,\n type ContainerProps as MantineContainerProps,\n} from \"@mantine/core\";\nimport { forwardRef } from \"react\";\n\nexport interface ContainerProps extends MantineContainerProps {}\n\nconst Container = forwardRef<HTMLDivElement, ContainerProps>((props, ref) => {\n return <MantineContainer ref={ref} {...props} />;\n});\n\nContainer.displayName = \"Container\";\n\nexport default Container;\n","import {\n ActionButton,\n type ActionMenuConfig,\n type ActionMenuItem,\n type ActionProps,\n Flex,\n OmnibarButton,\n renderIcon,\n SidebarCollapseButton,\n Text,\n ui,\n} from \"@alepha/ui\";\nimport type { FlexProps, MantineBreakpoint } from \"@mantine/core\";\nimport {\n IconChevronDown,\n IconChevronRight,\n IconSquareRounded,\n} from \"@tabler/icons-react\";\nimport { useEvents } from \"alepha/react\";\nimport { useRouter } from \"alepha/react/router\";\nimport {\n type ComponentType,\n Fragment,\n type ReactNode,\n useCallback,\n useMemo,\n useState,\n} from \"react\";\n\nexport interface SidebarProps {\n items?: SidebarNode[];\n onItemClick?: (item: SidebarMenuItem) => void;\n onSearchClick?: () => void;\n theme?: SidebarTheme;\n flexProps?: Partial<FlexProps>;\n collapsed?: boolean;\n gap?: MantineBreakpoint | number;\n hide?: {\n paths?: string[];\n };\n\n /**\n * Automatically populate the menu from the router's pages.\n */\n autoPopulateMenu?:\n | boolean\n | {\n startsWith: string;\n };\n}\n\nexport const Sidebar = (props: SidebarProps) => {\n const router = useRouter();\n const { onItemClick } = props;\n\n const divider = (\n key: string | number,\n fill?: boolean,\n collapsed?: boolean,\n ) => {\n return (\n <Flex\n key={key}\n h={1}\n bg={\"var(--mantine-color-default-border)\"}\n my={\"xs\"}\n mx={\n fill ? \"calc(-1 * var(--mantine-spacing-md))\" : collapsed ? 0 : \"sm\"\n }\n />\n );\n };\n\n const renderNode = (\n item: SidebarNode,\n key: number | string,\n collapsed: boolean,\n ) => {\n if (\"type\" in item) {\n // Hide spacers when collapsed\n if (item.type === \"spacer\") {\n if (collapsed) return null;\n return <Flex key={key} h={16} />;\n }\n\n if (item.type === \"divider\") {\n return divider(key, item.fill, collapsed);\n }\n\n if (item.type === \"search\") {\n return (\n <Flex key={key} mb=\"xs\">\n <OmnibarButton collapsed={collapsed} />\n </Flex>\n );\n }\n\n if (item.type === \"toggle\") {\n return <SidebarCollapseButton key={key} />;\n }\n\n // Replace sections with dividers when collapsed\n if (item.type === \"section\") {\n // Hide section if all children are hidden\n if (item.children && item.children.length > 0) {\n const hasVisibleChild = item.children.some(\n (child) => !(\"can\" in child) || !child.can || child.can(),\n );\n if (!hasVisibleChild) return null;\n }\n\n if (collapsed) {\n return (\n <Fragment key={key}>\n {divider(`${key}-d`, undefined, collapsed)}\n {item.children?.map((child, index) =>\n renderNode(child, `s${key}-${index}`, collapsed),\n )}\n </Fragment>\n );\n }\n\n return (\n <Fragment key={key}>\n <Flex mt={\"md\"} align={\"center\"} gap={\"xs\"}>\n {renderIcon(item.icon, ui.sizes.icon.sm)}\n <Text size={\"xs\"} c={\"dimmed\"} tt={\"uppercase\"} fw={\"bold\"}>\n {item.label}\n </Text>\n </Flex>\n {item.children?.map((child, index) =>\n renderNode(child, `s${key}-${index}`, collapsed),\n )}\n </Fragment>\n );\n }\n }\n\n if (\"element\" in item) {\n return <Fragment key={key}>{item.element}</Fragment>;\n }\n\n // Check visibility control\n if (item.can && !item.can()) {\n return null;\n }\n\n // Hide parent if all children are hidden\n if (item.children && item.children.length > 0) {\n const hasVisibleChild = item.children.some(\n (child) => !child.can || child.can(),\n );\n if (!hasVisibleChild) {\n return null;\n }\n }\n\n if (collapsed) {\n return (\n <SidebarCollapsedItem\n key={key}\n item={item}\n level={0}\n onItemClick={onItemClick}\n theme={props.theme ?? {}}\n />\n );\n }\n\n return (\n <SidebarItem\n key={key}\n item={item}\n level={0}\n onItemClick={onItemClick}\n theme={props.theme ?? {}}\n />\n );\n };\n\n const getSidebarNodes = (): SidebarNode[] => {\n if (props.items) return props.items;\n if (props.autoPopulateMenu) {\n const items = router.concretePages\n .filter((page) => !page.can || page.can())\n .map((page) => ({\n label: page.label ?? page.name,\n //description: page.description?.slice(0, 32),\n icon: renderIcon(page.icon),\n href: router.path(page.name),\n })) as SidebarMenuItem[];\n if (\n typeof props.autoPopulateMenu === \"object\" &&\n props.autoPopulateMenu.startsWith\n ) {\n const startsWith = props.autoPopulateMenu.startsWith;\n return items.filter((item) => item.href?.startsWith(startsWith));\n }\n return items;\n }\n return [];\n };\n\n const padding = \"md\";\n const gap = props.items ? (props.gap ?? 4) : \"xs\";\n const menu = useMemo(\n () => getSidebarNodes(),\n [props.items, props.autoPopulateMenu],\n );\n\n const renderSidebar = (collapsed: boolean) => (\n <Flex flex={1} py={padding} direction={\"column\"} {...props.flexProps}>\n <Flex gap={gap} px={padding} direction={\"column\"}>\n {menu\n .filter((it) => it.position === \"top\")\n .map((item, index) => renderNode(item, index, collapsed))}\n </Flex>\n <Flex gap={gap} px={padding} direction={\"column\"} flex={1}>\n {menu\n .filter((it) => !it.position)\n .map((item, index) => renderNode(item, index, collapsed))}\n </Flex>\n <Flex gap={gap} px={padding} direction={\"column\"}>\n {menu\n .filter((it) => it.position === \"bottom\")\n .map((item, index) => renderNode(item, index, collapsed))}\n </Flex>\n </Flex>\n );\n\n // When collapsed, render both versions and use CSS breakpoints:\n // - Desktop (>=md): show collapsed (icon-only) sidebar\n // - Mobile (<md): show expanded sidebar (drawer with labels)\n if (props.collapsed) {\n return (\n <>\n <Flex flex={1} direction={\"column\"} visibleFrom=\"md\">\n {renderSidebar(true)}\n </Flex>\n <Flex flex={1} direction={\"column\"} hiddenFrom=\"md\">\n {renderSidebar(false)}\n </Flex>\n </>\n );\n }\n\n return renderSidebar(false);\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport interface SidebarItemProps {\n item: SidebarMenuItem;\n level: number;\n onItemClick?: (item: SidebarMenuItem) => void;\n theme: SidebarTheme;\n}\n\nexport const SidebarItem = (props: SidebarItemProps) => {\n const { item, level } = props;\n const maxLevel = 2; // 0, 1, 2 = 3 levels total\n\n const router = useRouter();\n const isActive = useCallback((item: SidebarMenuItem): boolean => {\n if (!item.children) return false;\n for (const child of item.children) {\n if (child.href) {\n if (router.isActive(child.href)) {\n return true;\n }\n }\n if (isActive(child)) {\n return true;\n }\n }\n return false;\n }, []);\n\n const [isOpen, setIsOpen] = useState<boolean>(isActive(item));\n\n useEvents(\n {\n \"react:transition:end\": () => {\n // recalculate open state on transition end to ensure correct state after navigation\n if (isActive(item)) {\n setIsOpen(true);\n }\n },\n },\n [],\n );\n\n if (level > maxLevel) return null;\n\n const handleItemClick = (e: MouseEvent) => {\n if (!props.item.target) {\n e.preventDefault();\n }\n if (item.children && item.children.length > 0) {\n setIsOpen(!isOpen);\n } else {\n props.onItemClick?.(item);\n item.onClick?.();\n }\n };\n\n return (\n <Flex direction={\"column\"} ps={level === 0 ? 0 : 32} pos={\"relative\"}>\n <ActionButton\n w={\"100%\"}\n justify=\"space-between\"\n href={props.item.href}\n target={props.item.target}\n size={\n props.item.theme?.size ??\n props.theme.button?.size ??\n (level === 0 ? \"sm\" : \"xs\")\n }\n // tooltip={\n // item.description\n // ? { label: item.description, position: \"right\" }\n // : undefined\n // }\n bd={0}\n fw={\"normal\"}\n variant={\"default\"}\n propsActive={{\n variant: \"outline\",\n fw: \"bold\",\n }}\n radius={props.item.theme?.radius ?? props.theme.button?.radius ?? \"md\"}\n onClick={handleItemClick}\n leftSection={\n <Flex w={\"100%\"} align=\"center\" gap={\"sm\"}>\n {renderIcon(item.icon, ui.sizes.icon.sm)}\n <Flex direction={\"column\"}>\n <Flex>{item.label}</Flex>\n </Flex>\n </Flex>\n }\n rightSection={\n item.children ? (\n <Flex>\n {isOpen ? (\n <IconChevronDown size={14} />\n ) : (\n <IconChevronRight size={14} />\n )}\n </Flex>\n ) : (\n props.item.rightSection\n )\n }\n {...props.item.actionProps}\n />\n\n {item.children && isOpen && (\n <Flex direction={\"column\"} data-parent-level={level}>\n <Flex\n style={{\n position: \"absolute\",\n width: 1,\n background:\n \"linear-gradient(to bottom, transparent, var(--mantine-color-default-border), transparent)\",\n top: 48,\n left: 20 + 32 * level,\n bottom: 16,\n }}\n />\n {item.children\n .filter((child) => !child.can || child.can())\n .map((child, index) => (\n <SidebarItem\n key={index}\n item={child}\n level={level + 1}\n onItemClick={props.onItemClick}\n theme={props.theme}\n />\n ))}\n </Flex>\n )}\n </Flex>\n );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nconst SidebarCollapsedItem = (props: SidebarItemProps) => {\n const { item, level } = props;\n const router = useRouter();\n\n const handleItemClick = () => {\n props.onItemClick?.(item);\n item.onClick?.();\n };\n\n const hasChildren = item.children && item.children.length > 0;\n\n const menu: ActionMenuConfig | undefined = hasChildren\n ? {\n on: \"hover\",\n position: \"right\",\n items: item\n .children!.filter((child) => !child.can || child.can())\n .map(\n (child): ActionMenuItem => ({\n label: child.label as string,\n icon: renderIcon(child.icon, ui.sizes.icon.sm),\n href: child.href,\n active: child.href\n ? router.isActive(child.href, {\n startWith: child.activeStartsWith,\n })\n : undefined,\n }),\n ),\n }\n : undefined;\n\n return (\n <ActionButton\n size={\n props.item.theme?.size ??\n props.theme.button?.size ??\n (level === 0 ? \"sm\" : \"xs\")\n }\n variant={\"subtle\"}\n variantActive={\"default\"}\n tooltip={\n hasChildren\n ? undefined\n : {\n label: item.label,\n position: \"right\",\n }\n }\n radius={props.item.theme?.radius ?? props.theme.button?.radius ?? \"md\"}\n onClick={hasChildren ? undefined : handleItemClick}\n icon={\n renderIcon(item.icon, ui.sizes.icon.sm) ?? (\n <IconSquareRounded size={ui.sizes.icon.sm} />\n )\n }\n href={hasChildren ? undefined : (props.item.href as any)}\n target={hasChildren ? undefined : props.item.target}\n menu={menu}\n {...props.item.actionProps}\n />\n );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport type SidebarNode =\n | SidebarMenuItem\n | SidebarSpacer\n | SidebarDivider\n | SidebarSearch\n | SidebarElement\n | SidebarSection\n | SidebarToggle;\n\nexport interface SidebarAbstractItem {\n position?: \"top\" | \"bottom\";\n}\n\nexport interface SidebarElement extends SidebarAbstractItem {\n element: ReactNode;\n}\n\nexport interface SidebarSpacer extends SidebarAbstractItem {\n type: \"spacer\";\n}\n\nexport interface SidebarDivider extends SidebarAbstractItem {\n type: \"divider\";\n fill?: true;\n}\n\nexport interface SidebarSearch extends SidebarAbstractItem {\n type: \"search\";\n}\n\nexport interface SidebarToggle extends SidebarAbstractItem {\n type: \"toggle\";\n}\n\nexport interface SidebarSection extends SidebarAbstractItem {\n type: \"section\";\n label: string;\n icon?: ReactNode | ComponentType;\n children?: SidebarNode[];\n}\n\nexport interface SidebarMenuItem extends SidebarAbstractItem {\n label: string | ReactNode;\n description?: string;\n icon?: ReactNode | ComponentType;\n href?: string;\n target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n activeStartsWith?: boolean; // Use startWith matching for active state\n onClick?: () => void;\n children?: SidebarMenuItem[];\n rightSection?: ReactNode;\n theme?: SidebarButtonTheme;\n actionProps?: ActionProps;\n can?: () => boolean; // Visibility control: true -> visible, false -> hidden\n}\n\nexport interface SidebarButtonTheme {\n radius?: MantineBreakpoint;\n size?: MantineBreakpoint;\n}\n\nexport interface SidebarTheme {\n button?: SidebarButtonTheme;\n search?: SidebarButtonTheme;\n}\n","import { alephaSidebarAtom, Flex } from \"@alepha/ui\";\nimport {\n AppShell,\n type AppShellFooterProps,\n type AppShellHeaderProps,\n type AppShellMainProps,\n type AppShellNavbarProps,\n type AppShellProps,\n type ContainerProps,\n} from \"@mantine/core\";\nimport { useEvents, useStore } from \"alepha/react\";\nimport { NestedView, useRouter } from \"alepha/react/router\";\nimport type { ReactNode } from \"react\";\nimport { useState } from \"react\";\nimport AppBar, { type AppBarProps } from \"./AppBar.tsx\";\nimport { Sidebar, type SidebarProps } from \"./Sidebar.tsx\";\n\nexport interface DashboardShellProps {\n appShellProps?: Partial<AppShellProps>;\n appShellMainProps?: Partial<AppShellMainProps>;\n appShellHeaderProps?: Partial<AppShellHeaderProps>;\n appShellNavbarProps?: Partial<AppShellNavbarProps>;\n appShellFooterProps?: Partial<AppShellFooterProps>;\n sidebarProps?: Partial<SidebarProps>;\n appBarProps?: Partial<AppBarProps>;\n header?: ReactNode;\n footer?: ReactNode;\n children?: ReactNode;\n\n /**\n * AppShell layout mode.\n * - \"default\": header/footer span full width, navbar below header.\n * - \"alt\": navbar is full height, header/footer offset by navbar width.\n */\n layout?: \"default\" | \"alt\";\n\n /**\n * Content rendered above the Sidebar inside the navbar (e.g. logo).\n */\n navbarHeader?: ReactNode;\n\n /**\n * Content rendered below the Sidebar inside the navbar (e.g. toggle button).\n */\n navbarFooter?: ReactNode;\n\n /**\n * Height of the header bar in pixels.\n * @default 60\n */\n headerHeight?: number;\n\n /**\n * Height of the footer bar in pixels.\n * @default 24\n */\n footerHeight?: number;\n\n noSidebarWhen?: {\n /**\n * Paths where the sidebar should be hidden.\n */\n paths?: string[];\n };\n\n /**\n * Wrap AppBar and main content in a Mantine Container.\n * Pass `true` for default Container, or ContainerProps to customize.\n */\n container?: boolean | ContainerProps;\n}\n\nconst DashboardShell = (props: DashboardShellProps) => {\n const router = useRouter();\n const [sidebar, setSidebar] = useStore(alephaSidebarAtom);\n const collapsed =\n props.sidebarProps?.collapsed !== undefined\n ? props.sidebarProps.collapsed\n : sidebar.collapsed;\n\n const { collapsedWidth, expandedWidth } = sidebar;\n\n const shouldShowSidebar = () => {\n if (props.noSidebarWhen?.paths) {\n for (const path of props.noSidebarWhen.paths) {\n if (\n router.isActive(path, {\n startWith: true,\n })\n ) {\n return false;\n }\n }\n }\n return true;\n };\n\n const [showSidebar, setShowSidebar] = useState(shouldShowSidebar());\n\n useEvents(\n {\n \"react:transition:end\": () => {\n setShowSidebar(shouldShowSidebar());\n },\n \"react:transition:begin\": () => {\n setSidebar({ ...sidebar, closed: true });\n },\n },\n [sidebar],\n );\n\n // Default AppBar items with burger button on the left\n const defaultAppBarItems = [\n { position: \"left\" as const, type: \"burger\" as const },\n ];\n\n // Forward container to appBarProps if not already set\n const appBarProps = { ...props.appBarProps };\n appBarProps.container ??= props.container;\n\n const hasSidebar = showSidebar && props.sidebarProps !== undefined;\n const hasAppBar = props.appBarProps || props.header;\n\n let footerElement = props.footer;\n if (props.footerHeight) {\n footerElement ??= <Flex h={props.footerHeight} />;\n }\n\n const hHeight = props.headerHeight ?? 60;\n const fHeight = props.footerHeight ?? 24;\n const headerHeight = hasAppBar ? hHeight : 0;\n const footerHeight = footerElement ? fHeight : 0;\n const navbarWidth = collapsed ? collapsedWidth : expandedWidth;\n\n return (\n <AppShell\n layout={\"alt\"}\n w={\"100%\"}\n flex={1}\n header={hasAppBar ? { height: hHeight } : undefined}\n navbar={\n hasSidebar\n ? {\n width: { base: navbarWidth },\n breakpoint: \"md\",\n collapsed: { mobile: sidebar.closed },\n }\n : undefined\n }\n footer={footerElement ? { height: fHeight } : undefined}\n {...props.appShellProps}\n >\n {hasAppBar && (\n <AppShell.Header {...props.appShellHeaderProps}>\n {props.header ?? (\n <AppBar items={defaultAppBarItems} {...appBarProps} />\n )}\n </AppShell.Header>\n )}\n\n {hasSidebar && (\n <AppShell.Navbar\n className=\"alepha-sidebar-navbar\"\n {...props.appShellNavbarProps}\n >\n {props.navbarHeader ? (\n <Flex\n style={{\n borderBottom: \"1px solid var(--mantine-color-default-border)\",\n }}\n h={headerHeight}\n >\n {props.navbarHeader}\n </Flex>\n ) : null}\n <Sidebar {...(props.sidebarProps ?? {})} collapsed={collapsed} />\n {props.navbarFooter ? (\n <Flex\n style={{\n borderTop: \"1px solid var(--mantine-color-default-border)\",\n }}\n h={footerHeight}\n >\n {props.navbarFooter}\n </Flex>\n ) : null}\n </AppShell.Navbar>\n )}\n\n <AppShell.Main pos={\"relative\"} {...props.appShellMainProps}>\n {props.children ?? <NestedView />}\n </AppShell.Main>\n\n {footerElement && (\n <AppShell.Footer {...props.appShellFooterProps}>\n {footerElement}\n </AppShell.Footer>\n )}\n </AppShell>\n );\n};\n\nexport default DashboardShell;\n","import {\n Text as MantineText,\n type TextProps as MantineTextProps,\n} from \"@mantine/core\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport type { AlephaIntent } from \"../interfaces/AlephaIntent.ts\";\n\nexport interface TextProps extends MantineTextProps {\n children?: ReactNode;\n\n /**\n * Semantic color intent for the text.\n */\n intent?: AlephaIntent;\n\n /**\n * Shorthand for fw={700}.\n */\n bold?: boolean;\n\n /**\n * Shorthand for fs=\"italic\".\n */\n italic?: boolean;\n\n /**\n * Shorthand for fw={300}.\n */\n light?: boolean;\n\n /**\n * Shorthand for c=\"dimmed\".\n */\n muted?: boolean;\n\n /**\n * Shorthand for size=\"sm\".\n */\n small?: boolean;\n\n /**\n * Shorthand for tt=\"uppercase\".\n */\n uppercase?: boolean;\n\n /**\n * Shorthand for tt=\"capitalize\".\n */\n capitalize?: boolean;\n\n /**\n * Shorthand for ta=\"center\".\n */\n center?: boolean;\n\n /**\n * Shorthand for ff=\"monospace\".\n */\n monospace?: boolean;\n\n /**\n * Text with title styles (larger font size, bolder weight).\n */\n title?: boolean;\n}\n\nconst INTENT_COLORS: Record<AlephaIntent, string> = {\n primary: \"blue\",\n info: \"cyan\",\n success: \"green\",\n warning: \"yellow\",\n danger: \"red\",\n};\n\nconst Text = forwardRef<HTMLParagraphElement, TextProps>((props, ref) => {\n const {\n intent,\n bold,\n italic,\n light,\n muted,\n small,\n uppercase,\n capitalize,\n center,\n monospace,\n title,\n ...rest\n } = props;\n\n if (intent) {\n rest.c ??= INTENT_COLORS[intent];\n }\n\n if (bold) {\n rest.fw ??= 700;\n }\n\n if (light) {\n rest.fw ??= 300;\n }\n\n if (italic) {\n rest.fs ??= \"italic\";\n }\n\n if (muted) {\n rest.c ??= \"dimmed\";\n }\n\n if (small) {\n rest.size ??= \"sm\";\n }\n\n if (uppercase) {\n rest.tt ??= \"uppercase\";\n }\n\n if (capitalize) {\n rest.tt ??= \"capitalize\";\n }\n\n if (center) {\n rest.ta ??= \"center\";\n }\n\n if (monospace) {\n rest.ff ??= \"monospace\";\n }\n\n if (title) {\n rest.size ??= \"xl\";\n }\n\n return <MantineText ref={ref} {...rest} />;\n});\n\nText.displayName = \"Text\";\n\nexport default Text;\n","import { getDefaultIcon, prettyName, ui } from \"@alepha/ui\";\nimport { type TObject, TypeBoxError } from \"alepha\";\nimport type { BaseInputField } from \"alepha/react/form\";\nimport {\n createElement,\n isValidElement,\n type ReactElement,\n type ReactNode,\n} from \"react\";\nimport type { ControlProps } from \"../components/Control.tsx\";\n\nexport const parseInput = (\n props: GenericControlProps,\n form: {\n error?: Error;\n },\n): ControlInput => {\n const disabled = false; // form.loading;\n const id = props.input.props.id;\n const label =\n props.title ??\n (\"title\" in props.input.schema &&\n typeof props.input.schema.title === \"string\"\n ? props.input.schema.title\n : undefined) ??\n prettyName(props.input.path);\n const description =\n props.description ??\n (\"description\" in props.input.schema &&\n typeof props.input.schema.description === \"string\"\n ? props.input.schema.description\n : undefined);\n const error =\n form.error && form.error instanceof TypeBoxError\n ? form.error.value.message\n : undefined;\n\n // Auto-generate icon if not provided\n const icon = !props.icon\n ? getDefaultIcon({\n type:\n props.input.schema && \"type\" in props.input.schema\n ? String(props.input.schema.type)\n : undefined,\n format:\n props.input.schema &&\n \"format\" in props.input.schema &&\n typeof props.input.schema.format === \"string\"\n ? props.input.schema.format\n : undefined,\n name: props.input.props.name,\n isEnum:\n props.input.schema &&\n \"enum\" in props.input.schema &&\n Boolean(props.input.schema.enum),\n isArray:\n props.input.schema &&\n \"type\" in props.input.schema &&\n props.input.schema.type === \"array\",\n })\n : isValidElement(props.icon)\n ? props.icon\n : createElement(props.icon, { size: ui.sizes.icon.md });\n\n const format =\n props.input.schema &&\n \"format\" in props.input.schema &&\n typeof props.input.schema.format === \"string\"\n ? props.input.schema.format\n : undefined;\n\n const required = props.input.required;\n const schema = props.input.schema as TObject & { $control?: ControlProps };\n\n const inputProps: InputProps = {\n label,\n description,\n error,\n required,\n disabled,\n };\n\n if (\"minLength\" in schema && typeof schema.minLength === \"number\") {\n inputProps.minLength = schema.minLength;\n }\n if (\"maxLength\" in schema && typeof schema.maxLength === \"number\") {\n inputProps.maxLength = schema.maxLength;\n }\n if (\"minimum\" in schema && typeof schema.minimum === \"number\") {\n inputProps.minimum = schema.minimum;\n }\n if (\"maximum\" in schema && typeof schema.maximum === \"number\") {\n inputProps.maximum = schema.maximum;\n }\n\n return {\n id,\n icon,\n format,\n schema: props.input.schema as TObject & { $control?: ControlProps },\n inputProps,\n };\n};\n\nexport interface GenericControlProps {\n input: BaseInputField;\n title?: string;\n description?: string;\n icon?: ReactElement | ((props: { size: number }) => ReactNode);\n size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n}\n\nexport interface ControlInput {\n id?: string;\n icon: ReactElement;\n format?: string;\n schema: TObject & { $control?: ControlProps };\n inputProps: InputProps;\n}\n\nexport interface InputProps {\n label: string;\n description?: string;\n error?: string;\n required: boolean;\n disabled: boolean;\n\n minLength?: number;\n maxLength?: number;\n minimum?: number;\n maximum?: number;\n}\n","import { ui } from \"@alepha/ui\";\nimport {\n ActionIcon,\n Fieldset,\n Flex,\n Grid,\n Text,\n UnstyledButton,\n} from \"@mantine/core\";\nimport { IconGripVertical, IconPlus, IconTrash } from \"@tabler/icons-react\";\nimport type { TObject, TSchema } from \"alepha\";\nimport { useAlepha } from \"alepha/react\";\nimport type { BaseInputField } from \"alepha/react/form\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { type GenericControlProps, parseInput } from \"../utils/parseInput.ts\";\nimport Control, { type ControlProps } from \"./Control.tsx\";\n\n/**\n * Represents an array item with a stable key for React reconciliation.\n */\ninterface ArrayItem {\n key: number;\n value: any;\n}\n\nexport interface ControlArrayProps extends GenericControlProps {\n /**\n * Minimum number of items allowed.\n * @default 0\n */\n min?: number;\n\n /**\n * Maximum number of items allowed.\n * @default Infinity\n */\n max?: number;\n\n /**\n * Label for the add button.\n * @default \"Add item\"\n */\n addLabel?: string;\n\n /**\n * Number of columns for object item fields.\n * @default 1\n */\n columns?: number;\n\n /**\n * Variant for the container.\n * - \"fieldset\": Uses Mantine Fieldset with legend\n * - \"plain\": No container, just renders items\n * @default \"fieldset\"\n */\n variant?: \"fieldset\" | \"plain\";\n\n /**\n * Per-field control props override for object items.\n * Keys are field names from the item schema.\n */\n controlProps?: Record<string, Partial<Omit<ControlProps, \"input\">>>;\n\n /**\n * Control props for primitive items.\n */\n itemControlProps?: Partial<Omit<ControlProps, \"input\">>;\n\n /**\n * Show drag handle for reordering.\n * @default false\n */\n sortable?: boolean;\n}\n\n/**\n * Custom hook to sync array items with form state.\n * Uses form events as the source of truth, eliminating dual-state issues.\n */\nconst useArrayItems = (\n input: BaseInputField | undefined,\n): {\n items: ArrayItem[];\n setItems: (items: ArrayItem[]) => void;\n nextKey: () => number;\n} => {\n const alepha = useAlepha();\n const keyCounter = useRef(0);\n\n // Initialize from defaultValue\n const [items, setItemsState] = useState<ArrayItem[]>(() => {\n const defaultValue = input?.props?.defaultValue;\n if (Array.isArray(defaultValue)) {\n return defaultValue.map((value) => ({\n key: keyCounter.current++,\n value,\n }));\n }\n return [];\n });\n\n // Sync form value to local state\n const syncFromFormValue = useCallback((formValue: any[] | undefined) => {\n if (!Array.isArray(formValue)) {\n setItemsState([]);\n return;\n }\n\n // Preserve keys for existing items where possible\n setItemsState((prevItems) => {\n // If lengths match and values are same references, keep existing keys\n if (prevItems.length === formValue.length) {\n const allSame = prevItems.every(\n (item, i) => item.value === formValue[i],\n );\n if (allSame) return prevItems;\n }\n\n // Otherwise, create new items with fresh keys\n keyCounter.current = 0;\n return formValue.map((value) => ({\n key: keyCounter.current++,\n value,\n }));\n });\n }, []);\n\n // Listen for form changes and reset events\n useEffect(() => {\n if (!input?.form) return;\n\n const formId = input.form.id;\n const fieldPath = input.path;\n\n const listeners = [\n // Handle form reset\n alepha.events.on(\"form:reset\", (event) => {\n if (event.id === formId) {\n const defaultValue = input.props?.defaultValue;\n keyCounter.current = 0;\n if (Array.isArray(defaultValue)) {\n setItemsState(\n defaultValue.map((value) => ({\n key: keyCounter.current++,\n value,\n })),\n );\n } else {\n setItemsState([]);\n }\n }\n }),\n\n // Handle external value changes (e.g., programmatic updates)\n alepha.events.on(\"form:change\", (event) => {\n if (event.id === formId && event.path === fieldPath) {\n // Value was changed externally, sync our state\n syncFromFormValue(event.value);\n }\n }),\n ];\n\n return () => {\n for (const unsub of listeners) {\n unsub();\n }\n };\n }, [alepha, input, syncFromFormValue]);\n\n // Update form when items change\n const setItems = useCallback(\n (newItems: ArrayItem[]) => {\n setItemsState(newItems);\n // Update form value - this will trigger form:change but we'll detect it's from us\n input?.set(newItems.map((item) => item.value));\n },\n [input],\n );\n\n const nextKey = useCallback(() => keyCounter.current++, []);\n\n return { items, setItems, nextKey };\n};\n\n/**\n * Creates a proper InputField for an array item that integrates with the form system.\n * Uses array index for test IDs to ensure predictable, testable element identifiers.\n */\nconst createArrayItemInput = (\n parentInput: BaseInputField,\n itemSchema: TSchema,\n index: number,\n _itemKey: number,\n value: any,\n onValueChange: (value: any) => void,\n): BaseInputField => {\n return {\n schema: itemSchema,\n path: `${parentInput.path}/${index}`,\n required: false,\n form: parentInput.form,\n props: {\n id: `${parentInput.props.id}-${index}`,\n name: `${parentInput.props.name}[${index}]`,\n defaultValue: value,\n },\n set: onValueChange,\n };\n};\n\n/**\n * Creates a proper InputField for a nested object field within an array item.\n * Uses array index for test IDs to ensure predictable, testable element identifiers.\n */\nconst createArrayItemFieldInput = (\n parentInput: BaseInputField,\n itemSchema: TObject,\n fieldName: string,\n index: number,\n _itemKey: number,\n itemValue: any,\n onFieldChange: (field: string, value: any) => void,\n): BaseInputField => {\n const fieldSchema = itemSchema.properties[fieldName];\n return {\n schema: fieldSchema,\n path: `${parentInput.path}/${index}/${fieldName}`,\n required: itemSchema.required?.includes(fieldName) ?? false,\n form: parentInput.form,\n props: {\n id: `${parentInput.props.id}-${index}-${fieldName}`,\n name: `${parentInput.props.name}[${index}].${fieldName}`,\n defaultValue: itemValue?.[fieldName],\n },\n set: (value: any) => onFieldChange(fieldName, value),\n };\n};\n\n/**\n * ControlArray component for editing arrays of schema items.\n *\n * Features:\n * - Dynamic add/remove of items\n * - Supports arrays of objects with nested fields\n * - Supports arrays of primitives\n * - Grid layout for object items\n * - Min/max constraints\n * - Syncs with form state (handles external updates and resets)\n *\n * @example\n * ```tsx\n * // For a schema like:\n * // t.object({\n * // contacts: t.array(t.object({\n * // name: t.text(),\n * // email: t.text({ format: \"email\" }),\n * // }))\n * // })\n *\n * <ControlArray\n * input={form.input.contacts}\n * columns={2}\n * addLabel=\"Add contact\"\n * controlProps={{\n * email: { text: { placeholder: \"email@example.com\" } }\n * }}\n * />\n * ```\n */\nconst ControlArray = (props: ControlArrayProps) => {\n const { inputProps } = parseInput(props, {});\n const { items, setItems, nextKey } = useArrayItems(props.input);\n\n if (!props.input?.props) {\n return null;\n }\n\n const schema = props.input.schema;\n if (!schema || !(\"items\" in schema)) {\n return null;\n }\n\n const itemSchema = (schema as { items: TSchema }).items;\n const isObjectItem = itemSchema && \"properties\" in itemSchema;\n const { min = 0, max = Number.POSITIVE_INFINITY, columns = 1 } = props;\n\n const handleAdd = () => {\n if (items.length >= max) return;\n\n // Create default value based on item schema\n let newValue: any;\n if (isObjectItem) {\n newValue = {};\n // Initialize with default values from schema if available\n const objSchema = itemSchema as TObject;\n for (const [key, propSchema] of Object.entries(objSchema.properties)) {\n if (\"default\" in propSchema) {\n newValue[key] = propSchema.default;\n }\n }\n } else {\n newValue = \"\";\n }\n\n setItems([...items, { key: nextKey(), value: newValue }]);\n };\n\n const handleRemove = (index: number) => {\n if (items.length <= min) return;\n setItems(items.filter((_, i) => i !== index));\n };\n\n const handleItemChange = (index: number, value: any) => {\n const newItems = [...items];\n newItems[index] = { ...newItems[index], value };\n setItems(newItems);\n };\n\n const handleFieldChange = (index: number, field: string, value: any) => {\n const newItems = [...items];\n newItems[index] = {\n ...newItems[index],\n value: { ...newItems[index].value, [field]: value },\n };\n setItems(newItems);\n };\n\n const colSpan = 12 / columns;\n const objectItemSchema = isObjectItem ? (itemSchema as TObject) : null;\n const fieldNames = objectItemSchema\n ? Object.keys(objectItemSchema.properties)\n : [];\n\n const renderItems = () => (\n <Flex direction=\"column\" gap=\"sm\">\n {items.map((item, index) => (\n <Flex\n key={item.key}\n gap=\"sm\"\n align=\"flex-start\"\n p=\"xs\"\n bg={ui.colors.surface}\n style={{ borderRadius: \"var(--mantine-radius-sm)\" }}\n >\n {props.sortable && (\n <ActionIcon\n variant=\"subtle\"\n color=\"gray\"\n style={{ cursor: \"grab\" }}\n >\n <IconGripVertical size={16} />\n </ActionIcon>\n )}\n\n {objectItemSchema ? (\n <Grid style={{ flex: 1 }} gutter=\"sm\">\n {fieldNames.map((fieldName) => {\n const fieldControlProps = props.controlProps?.[fieldName] ?? {};\n const fieldInput = createArrayItemFieldInput(\n props.input,\n objectItemSchema,\n fieldName,\n index,\n item.key,\n item.value,\n (field, value) => handleFieldChange(index, field, value),\n );\n\n return (\n <Grid.Col key={fieldName} span={colSpan}>\n <Control input={fieldInput} {...fieldControlProps} />\n </Grid.Col>\n );\n })}\n </Grid>\n ) : (\n <Flex style={{ flex: 1 }}>\n <Control\n input={createArrayItemInput(\n props.input,\n itemSchema,\n index,\n item.key,\n item.value,\n (value) => handleItemChange(index, value),\n )}\n {...props.itemControlProps}\n />\n </Flex>\n )}\n\n <ActionIcon\n variant=\"subtle\"\n color=\"red\"\n onClick={() => handleRemove(index)}\n disabled={items.length <= min}\n >\n <IconTrash size={16} />\n </ActionIcon>\n </Flex>\n ))}\n\n <UnstyledButton\n onClick={handleAdd}\n disabled={items.length >= max}\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: 6,\n padding: \"8px 12px\",\n borderRadius: \"var(--mantine-radius-sm)\",\n border: \"1px dashed var(--mantine-color-dimmed)\",\n color: \"var(--mantine-color-dimmed)\",\n fontSize: \"var(--mantine-font-size-sm)\",\n cursor: items.length >= max ? \"not-allowed\" : \"pointer\",\n opacity: items.length >= max ? 0.5 : 1,\n transition: \"all 150ms ease\",\n }}\n onMouseEnter={(e) => {\n if (items.length < max) {\n e.currentTarget.style.borderColor =\n \"var(--mantine-color-blue-filled)\";\n e.currentTarget.style.color = \"var(--mantine-color-blue-filled)\";\n e.currentTarget.style.background =\n \"var(--mantine-color-blue-light)\";\n }\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.borderColor = \"var(--mantine-color-dimmed)\";\n e.currentTarget.style.color = \"var(--mantine-color-dimmed)\";\n e.currentTarget.style.background = \"transparent\";\n }}\n >\n <IconPlus size={14} />\n {props.addLabel ?? \"Add\"}\n </UnstyledButton>\n </Flex>\n );\n\n if (props.variant === \"plain\") {\n return (\n <Flex direction=\"column\" gap=\"xs\">\n {inputProps.label && (\n <Text size=\"sm\" fw={500}>\n {inputProps.label}\n </Text>\n )}\n {inputProps.description && (\n <Text size=\"sm\" c=\"dimmed\">\n {inputProps.description}\n </Text>\n )}\n {renderItems()}\n {inputProps.error && (\n <Text size=\"sm\" c=\"red\">\n {inputProps.error}\n </Text>\n )}\n </Flex>\n );\n }\n\n return (\n <Fieldset legend={inputProps.label}>\n <Flex direction=\"column\" gap=\"xs\">\n {inputProps.description && (\n <Text size=\"sm\" c=\"dimmed\">\n {inputProps.description}\n </Text>\n )}\n {renderItems()}\n {inputProps.error && (\n <Text size=\"sm\" c=\"red\">\n {inputProps.error}\n </Text>\n )}\n </Flex>\n </Fieldset>\n );\n};\n\nexport default ControlArray;\n","import {\n DateInput,\n type DateInputProps,\n DateTimePicker,\n type DateTimePickerProps,\n TimeInput,\n type TimeInputProps,\n} from \"@mantine/dates\";\nimport { useFormState } from \"alepha/react/form\";\nimport { type GenericControlProps, parseInput } from \"../utils/parseInput.ts\";\n\nexport interface ControlDateProps extends GenericControlProps {\n date?: boolean | DateInputProps;\n datetime?: boolean | DateTimePickerProps;\n time?: boolean | TimeInputProps;\n}\n\n/**\n * ControlDate component for handling date, datetime, and time inputs.\n *\n * Features:\n * - DateInput for date format\n * - DateTimePicker for date-time format\n * - TimeInput for time format\n *\n * Automatically detects date formats from schema and renders appropriate picker.\n */\nconst ControlDate = (props: ControlDateProps) => {\n const form = useFormState(props.input);\n const { inputProps, id, icon, format } = parseInput(props, form);\n if (!props.input?.props) {\n return null;\n }\n\n // region <DateTimePicker/>\n if (props.datetime || format === \"date-time\") {\n const dateTimePickerProps =\n typeof props.datetime === \"object\" ? props.datetime : {};\n return (\n <DateTimePicker\n {...inputProps}\n id={id}\n leftSection={icon}\n defaultValue={\n props.input.props.defaultValue\n ? new Date(props.input.props.defaultValue)\n : undefined\n }\n onChange={(value) => {\n props.input.set(value ? new Date(value).toISOString() : undefined);\n }}\n {...dateTimePickerProps}\n />\n );\n }\n //endregion\n\n // region <DateInput/>\n if (props.date || format === \"date\") {\n const dateInputProps = typeof props.date === \"object\" ? props.date : {};\n return (\n <DateInput\n {...inputProps}\n id={id}\n leftSection={icon}\n defaultValue={\n props.input.props.defaultValue\n ? new Date(props.input.props.defaultValue)\n : undefined\n }\n onChange={(value) => {\n props.input.set(\n value ? new Date(value).toISOString().slice(0, 10) : undefined,\n );\n }}\n {...dateInputProps}\n />\n );\n }\n //endregion\n\n // region <TimeInput/>\n if (props.time || format === \"time\") {\n const timeInputProps = typeof props.time === \"object\" ? props.time : {};\n return (\n <TimeInput\n {...inputProps}\n id={id}\n leftSection={icon}\n defaultValue={props.input.props.defaultValue}\n onChange={(event) => {\n props.input.set(event.currentTarget.value);\n }}\n {...timeInputProps}\n />\n );\n }\n //endregion\n\n // Fallback - shouldn't happen\n return null;\n};\n\nexport default ControlDate;\n","import {\n Input,\n NumberInput,\n type NumberInputProps,\n Slider,\n type SliderProps,\n} from \"@mantine/core\";\nimport { useEvents } from \"alepha/react\";\nimport { useFormState } from \"alepha/react/form\";\nimport { useRef, useState } from \"react\";\nimport { type GenericControlProps, parseInput } from \"../utils/parseInput.ts\";\n\nexport interface ControlNumberProps extends GenericControlProps {\n numberInputProps?: Partial<NumberInputProps>;\n sliderProps?: Partial<SliderProps>;\n}\n\n/**\n *\n */\nconst ControlNumber = (props: ControlNumberProps) => {\n const form = useFormState(props.input);\n const { inputProps, id, icon } = parseInput(props, form);\n const ref = useRef<HTMLInputElement | null>(null);\n\n // HTML Reset doesn't trigger on <NumberInput /> so we handle it manually\n\n const [value, setValue] = useState<number | undefined>(\n props.input.props.defaultValue,\n );\n\n useEvents(\n {\n \"form:reset\": (event) => {\n if (event.id === props.input?.form.id && ref.current) {\n setValue(props.input.props.defaultValue);\n }\n },\n },\n [props.input],\n );\n\n if (!props.input?.props) {\n return null;\n }\n\n const { type, ...inputPropsWithoutType } = props.input.props;\n\n if (props.sliderProps) {\n const min = props.sliderProps.min ?? inputProps.minimum ?? 0;\n const max = props.sliderProps.max ?? inputProps.maximum ?? 100;\n return (\n <Input.Wrapper {...inputProps}>\n <div\n style={{\n height: 32,\n padding: 8,\n }}\n >\n <Slider\n {...inputProps}\n ref={ref}\n id={id}\n {...inputPropsWithoutType}\n {...props.sliderProps}\n value={value}\n min={min}\n max={max}\n label={() => value}\n onChange={(val) => {\n setValue(val);\n props.input.set(val);\n }}\n />\n </div>\n </Input.Wrapper>\n );\n }\n\n return (\n <NumberInput\n {...inputProps}\n ref={ref}\n id={id}\n leftSection={icon}\n {...inputPropsWithoutType}\n {...props.numberInputProps}\n value={value ?? \"\"}\n onChange={(val) => {\n const newValue = val !== null ? Number(val) : undefined;\n setValue(newValue);\n props.input.set(newValue);\n }}\n />\n );\n};\n\nexport default ControlNumber;\n","import { Fieldset, Flex, Grid, Text } from \"@mantine/core\";\nimport type { TObject } from \"alepha\";\nimport type { BaseInputField, ObjectInputField } from \"alepha/react/form\";\nimport { type GenericControlProps, parseInput } from \"../utils/parseInput.ts\";\nimport Control, { type ControlProps } from \"./Control.tsx\";\n\nexport interface ControlObjectProps extends GenericControlProps {\n /**\n * Number of columns for the grid layout.\n * @default 1\n */\n columns?: number;\n\n /**\n * Variant for the container.\n * - \"fieldset\": Uses Mantine Fieldset with legend\n * - \"plain\": No container, just renders fields\n * @default \"fieldset\"\n */\n variant?: \"fieldset\" | \"plain\";\n\n /**\n * Per-field control props override.\n * Keys are field names from the schema.\n */\n controlProps?: Record<string, Partial<Omit<ControlProps, \"input\">>>;\n}\n\n/**\n * ControlObject component for editing nested object schemas.\n *\n * Features:\n * - Renders all properties of an object schema\n * - Supports grid layout with configurable columns\n * - Per-field customization via controlProps\n * - Recursive support for deeply nested objects\n *\n * The form system provides nested InputFields under the `.items` property.\n * For example: form.input.address.items.street\n *\n * @example\n * ```tsx\n * // For a schema like:\n * // t.object({\n * // address: t.object({\n * // street: t.text(),\n * // city: t.text(),\n * // zip: t.text(),\n * // })\n * // })\n *\n * <ControlObject\n * input={form.input.address}\n * columns={2}\n * controlProps={{\n * zip: { text: { maxLength: 10 } }\n * }}\n * />\n * ```\n */\nconst ControlObject = (props: ControlObjectProps) => {\n const { inputProps } = parseInput(props, {});\n\n if (!props.input?.props) {\n return null;\n }\n\n const schema = props.input.schema as TObject;\n if (!schema?.properties) {\n return null;\n }\n\n const fieldNames = Object.keys(schema.properties);\n const columns = props.columns ?? 1;\n const colSpan = 12 / columns;\n\n // The form system provides nested InputFields under .items\n const objectInput = props.input as ObjectInputField<TObject>;\n const nestedItems = objectInput.items as Record<string, BaseInputField>;\n\n const renderFields = () => (\n <Grid>\n {fieldNames.map((fieldName) => {\n const fieldControlProps = props.controlProps?.[fieldName] ?? {};\n\n // Access nested InputField from .items\n const field = nestedItems?.[fieldName];\n if (!field) {\n return null;\n }\n\n return (\n <Grid.Col key={fieldName} span={colSpan}>\n <Control input={field} {...fieldControlProps} />\n </Grid.Col>\n );\n })}\n </Grid>\n );\n\n if (props.variant === \"plain\") {\n return renderFields();\n }\n\n return (\n <Fieldset legend={inputProps.label}>\n <Flex direction=\"column\" gap=\"xs\">\n {inputProps.description && (\n <Text size=\"sm\" c=\"dimmed\">\n {inputProps.description}\n </Text>\n )}\n {renderFields()}\n {inputProps.error && (\n <Text size=\"sm\" c=\"red\">\n {inputProps.error}\n </Text>\n )}\n </Flex>\n </Fieldset>\n );\n};\n\nexport default ControlObject;\n","import {\n ActionButton,\n extractSchemaFields,\n OPERATOR_INFO,\n type SchemaField,\n ui,\n} from \"@alepha/ui\";\nimport {\n ActionIcon,\n Badge,\n Divider,\n Flex,\n Popover,\n Text,\n TextInput,\n type TextInputProps,\n} from \"@mantine/core\";\nimport { IconFilter, IconInfoTriangle, IconX } from \"@tabler/icons-react\";\nimport type { TObject } from \"alepha\";\nimport { parseQueryString } from \"alepha/orm\";\nimport { useEvents } from \"alepha/react\";\nimport { useRef, useState } from \"react\";\n\nexport interface ControlQueryBuilderProps\n extends Omit<TextInputProps, \"value\" | \"onChange\"> {\n schema?: TObject;\n value?: string;\n onChange?: (value: string) => void;\n placeholder?: string;\n}\n\n/**\n * Query builder with text input and help popover.\n * Generates query strings for parseQueryString syntax.\n */\nconst ControlQueryBuilder = ({\n schema,\n value = \"\",\n onChange,\n placeholder = \"Enter query or click for assistance...\",\n ...textInputProps\n}: ControlQueryBuilderProps) => {\n const [helpOpened, setHelpOpened] = useState(false);\n const [textValue, setTextValue] = useState(value);\n const inputRef = useRef<HTMLInputElement>(null);\n const fields = schema ? extractSchemaFields(schema) : [];\n const [error, setError] = useState<string | null>(null);\n\n const isValid = (value: string) => {\n try {\n parseQueryString(value.trim());\n } catch (e) {\n setError((e as Error).message);\n return false;\n }\n setError(null);\n return true;\n };\n\n const handleTextChange = (newValue: string) => {\n setTextValue(newValue);\n if (isValid(newValue)) {\n onChange?.(newValue);\n }\n };\n\n const handleClear = () => {\n setTextValue(\"\");\n onChange?.(\"\");\n isValid(\"\");\n };\n\n const handleInsert = (text: string) => {\n const newValue = textValue ? `${textValue}${text} ` : `${text} `;\n setTextValue(newValue);\n if (isValid(newValue)) {\n onChange?.(newValue);\n }\n // Refocus the input after inserting\n setTimeout(() => {\n inputRef.current?.focus();\n // set cursor to end\n const length = inputRef.current?.value.length || 0;\n inputRef.current?.setSelectionRange(length, length);\n }, 0);\n };\n\n useEvents(\n {\n \"form:change\": (event) => {\n if (event.id === inputRef.current?.form?.id) {\n if (event.path === (textInputProps as any)[\"data-path\"]) {\n setTextValue(event.value ?? \"\");\n }\n }\n },\n },\n [],\n );\n\n return (\n <Popover\n width={800}\n position=\"bottom-start\"\n shadow=\"md\"\n opened={helpOpened}\n onChange={setHelpOpened}\n closeOnClickOutside\n closeOnEscape\n transitionProps={{\n transition: \"fade-up\",\n duration: 200,\n timingFunction: \"ease\",\n }}\n >\n <Popover.Target>\n <TextInput\n ref={inputRef}\n placeholder={placeholder}\n value={textValue}\n onChange={(e) => handleTextChange(e.currentTarget.value)}\n onFocus={() => setHelpOpened(true)}\n leftSection={\n error ? <IconInfoTriangle size={16} /> : <IconFilter size={16} />\n }\n rightSection={\n textValue && (\n <ActionIcon\n size=\"sm\"\n variant=\"subtle\"\n color=\"gray\"\n onClick={handleClear}\n >\n <IconX size={14} />\n </ActionIcon>\n )\n }\n {...textInputProps}\n />\n </Popover.Target>\n <Popover.Dropdown\n bg={\"transparent\"}\n p={\"xs\"}\n bd={`1px solid ${ui.colors.border}`}\n style={{\n backdropFilter: \"blur(20px)\",\n }}\n >\n <QueryHelp fields={fields} onInsert={handleInsert} />\n </Popover.Dropdown>\n </Popover>\n );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n// Query Help Component\n// ---------------------------------------------------------------------------------------------------------------------\n\ninterface QueryHelpProps {\n fields: SchemaField[];\n onInsert: (text: string) => void;\n}\n\nfunction QueryHelp({ fields, onInsert }: QueryHelpProps) {\n return (\n <Flex\n gap=\"md\"\n align=\"flex-start\"\n wrap=\"nowrap\"\n bg={ui.colors.surface}\n p={\"sm\"}\n bdrs={\"sm\"}\n >\n {/* Left Column: Operators */}\n <Flex direction=\"column\" gap=\"md\" style={{ flex: 1 }}>\n {/* Available Operators */}\n <Flex direction=\"column\" gap=\"xs\">\n <Text size=\"sm\" fw={600}>\n Operators\n </Text>\n <Flex direction=\"column\" gap={4}>\n {Object.entries(OPERATOR_INFO).map(([key, info]) => (\n <Flex key={key} gap=\"xs\" wrap=\"nowrap\">\n <ActionButton\n px={\"xs\"}\n size={\"xs\"}\n h={24}\n variant={\"default\"}\n justify={\"center\"}\n miw={48}\n onClick={() => onInsert(info.symbol)}\n >\n {info.symbol}\n </ActionButton>\n <Text size=\"xs\" c=\"dimmed\" style={{ flex: 1 }}>\n {info.label}\n </Text>\n </Flex>\n ))}\n </Flex>\n </Flex>\n\n <Divider />\n\n {/* Logic Operators */}\n <Flex direction=\"column\" gap=\"xs\">\n <Text size=\"sm\" fw={600}>\n Logic\n </Text>\n <Flex direction=\"column\" gap={4}>\n <Flex gap=\"xs\" wrap=\"nowrap\">\n <ActionButton\n px={\"xs\"}\n size={\"xs\"}\n h={24}\n variant={\"default\"}\n justify={\"center\"}\n miw={48}\n onClick={() => onInsert(\"&\")}\n >\n &\n </ActionButton>\n <Text size=\"xs\" c=\"dimmed\">\n AND\n </Text>\n </Flex>\n <Flex gap=\"xs\" wrap=\"nowrap\">\n <ActionButton\n px={\"xs\"}\n size={\"xs\"}\n h={24}\n variant={\"default\"}\n justify={\"center\"}\n miw={48}\n onClick={() => onInsert(\"|\")}\n >\n |\n </ActionButton>\n <Text size=\"xs\" c=\"dimmed\">\n OR\n </Text>\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n\n {/* Divider */}\n {fields.length > 0 && <Divider orientation=\"vertical\" />}\n\n {/* Right Column: Fields */}\n {fields.length > 0 && (\n <Flex direction={\"column\"} gap=\"xs\" style={{ flex: 2 }}>\n <Text size=\"sm\" fw={600}>\n Fields\n </Text>\n <Flex\n direction={\"column\"}\n gap={4}\n style={{ maxHeight: 300, overflowY: \"auto\" }}\n >\n {fields.map((field) => (\n <Flex key={field.path} gap=\"xs\" wrap=\"nowrap\" align=\"flex-start\">\n <ActionButton\n px={\"xs\"}\n size={\"xs\"}\n h={24}\n variant={\"default\"}\n justify={\"end\"}\n miw={120}\n onClick={() => onInsert(field.path)}\n >\n {field.path}\n </ActionButton>\n <Flex\n mt={3}\n direction={\"column\"}\n gap={2}\n style={{ flex: 1, minWidth: 0 }}\n >\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {field.description || field.type}\n </Text>\n {field.enum && (\n <Flex gap={0} wrap=\"wrap\">\n {field.enum.map((enumValue) => (\n <ActionButton\n px={\"xs\"}\n size={\"xs\"}\n h={24}\n key={enumValue}\n onClick={() => onInsert(enumValue)}\n >\n {enumValue}\n </ActionButton>\n ))}\n </Flex>\n )}\n </Flex>\n <Badge size=\"xs\" variant=\"light\" style={{ flexShrink: 0 }}>\n {field.type}\n </Badge>\n </Flex>\n ))}\n </Flex>\n </Flex>\n )}\n </Flex>\n );\n}\n\nexport default ControlQueryBuilder;\n","import {\n Autocomplete,\n type AutocompleteProps,\n Flex,\n Input,\n MultiSelect,\n type MultiSelectProps,\n SegmentedControl,\n type SegmentedControlProps,\n Select,\n type SelectProps,\n TagsInput,\n type TagsInputProps,\n} from \"@mantine/core\";\nimport { useFormState } from \"alepha/react/form\";\nimport { useEffect, useState } from \"react\";\nimport { type GenericControlProps, parseInput } from \"../utils/parseInput.ts\";\n\nexport type SelectValueLabel =\n | string\n | { value: string; label: string; icon?: string };\n\nexport interface ControlSelectProps extends GenericControlProps {\n select?: boolean | SelectProps;\n multi?: boolean | MultiSelectProps;\n tags?: boolean | TagsInputProps;\n autocomplete?: boolean | AutocompleteProps;\n segmented?: boolean | Partial<SegmentedControlProps>;\n\n loader?: () => Promise<SelectValueLabel[]>;\n}\n\n/**\n * ControlSelect component for handling Select, MultiSelect, and TagsInput.\n *\n * Features:\n * - Basic Select with enum support\n * - MultiSelect for array of enums\n * - TagsInput for array of strings (no enum)\n * - Future: Lazy loading\n * - Future: Searchable/filterable options\n * - Future: Custom option rendering\n *\n * Automatically detects enum values and array types from schema.\n */\nconst ControlSelect = (props: ControlSelectProps) => {\n const form = useFormState(props.input);\n const { inputProps, id, icon } = parseInput(props, form);\n\n // Detect if schema is an array type\n const isArray =\n props.input.schema &&\n \"type\" in props.input.schema &&\n props.input.schema.type === \"array\";\n\n // For arrays, check if items have enum (MultiSelect) or not (TagsInput)\n let itemsEnum: string[] | undefined;\n if (isArray && \"items\" in props.input.schema && props.input.schema.items) {\n const items: any = props.input.schema.items;\n if (\"enum\" in items && Array.isArray(items.enum)) {\n itemsEnum = items.enum;\n }\n }\n\n // Extract enum values from schema (for non-array select)\n const enumValues =\n props.input.schema &&\n \"enum\" in props.input.schema &&\n Array.isArray(props.input.schema.enum)\n ? props.input.schema.enum\n : [];\n\n const [data, setData] = useState<SelectValueLabel[]>([]);\n\n useEffect(() => {\n if (!props.input?.props) {\n return;\n }\n\n if (props.loader) {\n props.loader().then(setData);\n } else {\n setData(enumValues);\n }\n }, [props.input, props.loader]);\n\n if (!props.input?.props) {\n return null;\n }\n\n if (props.segmented) {\n const segmentedControlProps: Partial<SegmentedControlProps> =\n typeof props.segmented === \"object\" ? props.segmented : {};\n\n return (\n <Input.Wrapper {...inputProps}>\n <Flex>\n <SegmentedControl\n disabled={inputProps.disabled}\n defaultValue={String(props.input.props.defaultValue)}\n {...segmentedControlProps}\n onChange={(value) => {\n props.input.set(value);\n }}\n data={data.slice(0, 10)}\n />\n </Flex>\n </Input.Wrapper>\n );\n }\n\n if (props.autocomplete) {\n const autocompleteProps =\n typeof props.autocomplete === \"object\" ? props.autocomplete : {};\n\n return (\n <Autocomplete\n {...inputProps}\n size={props.size}\n id={id}\n leftSection={icon}\n data={data}\n {...props.input.props}\n {...autocompleteProps}\n />\n );\n }\n\n // region <TagsInput/> - for array of strings without enum\n if ((isArray && !itemsEnum) || props.tags) {\n const tagsInputProps = typeof props.tags === \"object\" ? props.tags : {};\n return (\n <TagsInput\n {...inputProps}\n size={props.size}\n id={id}\n leftSection={icon}\n defaultValue={\n Array.isArray(props.input.props.defaultValue)\n ? props.input.props.defaultValue\n : []\n }\n onChange={(value) => {\n props.input.set(value);\n }}\n {...tagsInputProps}\n />\n );\n }\n // endregion\n\n // region <MultiSelect/> - for array of enums\n if ((isArray && itemsEnum) || props.multi) {\n const data =\n itemsEnum?.map((value: string) => ({\n value,\n label: value,\n })) || [];\n\n const multiSelectProps = typeof props.multi === \"object\" ? props.multi : {};\n\n return (\n <MultiSelect\n {...inputProps}\n size={props.size}\n id={id}\n leftSection={icon}\n data={data}\n defaultValue={\n Array.isArray(props.input.props.defaultValue)\n ? props.input.props.defaultValue\n : []\n }\n onChange={(value) => {\n props.input.set(value);\n }}\n {...multiSelectProps}\n />\n );\n }\n // endregion\n\n // region <Select/> - for single enum value\n const selectProps = typeof props.select === \"object\" ? props.select : {};\n\n return (\n <Select\n {...inputProps}\n size={props.size}\n id={id}\n leftSection={icon}\n rightSection={null}\n data={data}\n {...props.input.props}\n {...selectProps}\n />\n );\n // endregion\n};\n\nexport default ControlSelect;\n","import {\n ColorInput,\n type ColorInputProps,\n FileInput,\n type FileInputProps,\n Flex,\n Input,\n PasswordInput,\n type PasswordInputProps,\n Switch,\n type SwitchProps,\n Textarea,\n type TextareaProps,\n TextInput,\n type TextInputProps,\n} from \"@mantine/core\";\nimport type {\n DateInputProps,\n DateTimePickerProps,\n TimeInputProps,\n} from \"@mantine/dates\";\nimport { useFormState } from \"alepha/react/form\";\nimport type { ComponentType } from \"react\";\nimport { type GenericControlProps, parseInput } from \"../utils/parseInput.ts\";\nimport ControlArray, { type ControlArrayProps } from \"./ControlArray.tsx\";\nimport ControlDate from \"./ControlDate.tsx\";\nimport ControlNumber, { type ControlNumberProps } from \"./ControlNumber.tsx\";\nimport ControlObject, { type ControlObjectProps } from \"./ControlObject.tsx\";\nimport ControlQueryBuilder from \"./ControlQueryBuilder.tsx\";\nimport ControlSelect, { type ControlSelectProps } from \"./ControlSelect.tsx\";\n\nexport interface ControlProps extends GenericControlProps {\n text?: TextInputProps;\n area?: boolean | TextareaProps;\n select?: boolean | Partial<ControlSelectProps>;\n password?: boolean | PasswordInputProps;\n switch?: boolean | SwitchProps;\n number?: boolean | Partial<ControlNumberProps>;\n file?: boolean | FileInputProps;\n color?: boolean | ColorInputProps;\n date?: boolean | DateInputProps;\n datetime?: boolean | DateTimePickerProps;\n time?: boolean | TimeInputProps;\n query?: any; // Enable query builder mode with schema-aware autocomplete\n object?: boolean | Partial<Omit<ControlObjectProps, \"input\">>; // Nested object editing\n array?: boolean | Partial<Omit<ControlArrayProps, \"input\">>; // Array of items editing\n custom?: ComponentType<CustomControlProps>;\n\n slider?: boolean;\n segmented?: boolean;\n}\n\n/**\n * Generic form control that renders the appropriate input based on the schema and props.\n *\n * Supports:\n * - TextInput (with format detection: email, url, tel)\n * - Textarea\n * - NumberInput (for number/integer types)\n * - FileInput\n * - ColorInput (for color format)\n * - Select (for enum types)\n * - Autocomplete\n * - PasswordInput\n * - Switch (for boolean types)\n * - SegmentedControl (for enum types)\n * - DateInput (for date format)\n * - DateTimePicker (for date-time format)\n * - TimeInput (for time format)\n * - QueryBuilder (for building type-safe queries with autocomplete)\n * - ControlObject (for nested object schemas)\n * - ControlArray (for arrays of objects)\n * - Custom component\n *\n * Automatically handles labels, descriptions, error messages, required state, and default icons.\n */\nconst Control = (_props: ControlProps) => {\n const form = useFormState(_props.input, [\"error\"]);\n\n // Early return if input is not properly initialized\n if (!_props.input?.props) {\n return null;\n }\n\n const { inputProps, id, icon, format, schema } = parseInput(_props, form);\n\n const props = {\n ..._props,\n ...schema.$control,\n };\n\n //region <QueryBuilder/>\n if (props.query) {\n return (\n <ControlQueryBuilder\n {...props.input.props}\n {...inputProps}\n schema={props.query}\n value={props.input.props.value}\n onChange={(value) => {\n props.input.set(value);\n }}\n />\n );\n }\n //endregion\n\n //region <Custom/>\n if (props.custom) {\n const Custom = props.custom;\n return (\n <Input.Wrapper {...inputProps}>\n <Flex flex={1} mt={\"calc(var(--mantine-spacing-xs) / 2)\"}>\n <Custom\n defaultValue={props.input.props.defaultValue}\n onChange={(value) => {\n props.input.set(value);\n }}\n />\n </Flex>\n </Input.Wrapper>\n );\n }\n //endregion\n\n //region <ControlObject/>\n // Handle nested objects with properties\n const isObject =\n props.input.schema &&\n \"type\" in props.input.schema &&\n props.input.schema.type === \"object\" &&\n \"properties\" in props.input.schema;\n\n if (props.object || isObject) {\n const controlObjectProps =\n typeof props.object === \"object\" ? props.object : {};\n return (\n <ControlObject\n input={props.input}\n title={props.title}\n description={props.description}\n {...controlObjectProps}\n />\n );\n }\n //endregion\n\n //region <ControlArray/>\n // Handle arrays of objects (arrays of primitives are handled by ControlSelect)\n const isArray =\n props.input.schema &&\n \"type\" in props.input.schema &&\n props.input.schema.type === \"array\";\n\n const isArrayOfObjects =\n isArray &&\n \"items\" in props.input.schema &&\n props.input.schema.items &&\n typeof props.input.schema.items === \"object\" &&\n \"properties\" in props.input.schema.items;\n\n if (props.array || isArrayOfObjects) {\n const controlArrayProps =\n typeof props.array === \"object\" ? props.array : {};\n return (\n <ControlArray\n input={props.input}\n title={props.title}\n description={props.description}\n {...controlArrayProps}\n />\n );\n }\n //endregion\n\n //region <NumberInput/>\n if (\n props.number ||\n (props.input.schema &&\n \"type\" in props.input.schema &&\n (props.input.schema.type === \"number\" ||\n props.input.schema.type === \"integer\"))\n ) {\n const controlNumberProps =\n typeof props.number === \"object\" ? props.number : {};\n if (props.slider) {\n controlNumberProps.sliderProps ??= {};\n }\n return (\n <ControlNumber\n size={props.size}\n input={props.input}\n title={props.title}\n description={props.description}\n icon={icon}\n {...controlNumberProps}\n />\n );\n }\n //endregion\n\n //region <FileInput/>\n if (props.file) {\n const fileInputProps = typeof props.file === \"object\" ? props.file : {};\n return (\n <FileInput\n {...inputProps}\n size={props.size}\n id={id}\n leftSection={icon}\n onChange={(file) => {\n props.input.set(file);\n }}\n {...fileInputProps}\n />\n );\n }\n //endregion\n\n //region <ColorInput/>\n if (props.color || format === \"color\") {\n const colorInputProps = typeof props.color === \"object\" ? props.color : {};\n return (\n <ColorInput\n {...inputProps}\n size={props.size}\n id={id}\n leftSection={icon}\n {...props.input.props}\n {...colorInputProps}\n />\n );\n }\n //endregion\n\n //region <ControlSelect/>\n // Handle: single enum, array of enum, array of strings, or explicit select/multi/tags props\n // Note: arrays of objects are handled by ControlArray above, this handles primitive arrays\n const isEnum =\n props.input.schema &&\n \"enum\" in props.input.schema &&\n props.input.schema.enum;\n\n if (isEnum || (isArray && !isArrayOfObjects) || props.select) {\n const opts = typeof props.select === \"object\" ? props.select : {};\n if (props.segmented) {\n opts.segmented ??= {};\n }\n return (\n <ControlSelect\n size={props.size}\n input={props.input}\n title={props.title}\n description={props.description}\n icon={icon}\n {...opts}\n />\n );\n }\n //endregion\n\n //region <Switch/>\n if (\n props.input.schema &&\n \"type\" in props.input.schema &&\n props.input.schema.type === \"boolean\"\n ) {\n if (props.switch) {\n const switchProps = typeof props.switch === \"object\" ? props.switch : {};\n return (\n <Switch\n {...inputProps}\n size={props.size}\n id={id}\n color={\"blue\"}\n defaultChecked={props.input.props.defaultValue}\n onChange={(event) => {\n props.input.set(event.currentTarget.checked);\n }}\n {...switchProps}\n />\n );\n }\n\n const opts: ControlSelectProps = {\n input: props.input,\n select: {\n data: [\n { value: \"true\", label: \"Yes\" },\n { value: \"false\", label: \"No\" },\n ],\n },\n };\n\n return (\n <ControlSelect\n size={props.size}\n title={props.title}\n description={props.description}\n icon={icon}\n {...opts}\n />\n );\n }\n //endregion\n\n //region <PasswordInput/>\n if (props.password || props.input.props.name?.includes(\"password\")) {\n const passwordInputProps =\n typeof props.password === \"object\" ? props.password : {};\n return (\n <PasswordInput\n {...inputProps}\n size={props.size}\n id={id}\n leftSection={icon}\n {...props.input.props}\n {...passwordInputProps}\n />\n );\n }\n //endregion\n\n //region <Textarea/>\n if (props.area) {\n const textAreaProps = typeof props.area === \"object\" ? props.area : {};\n return (\n <Textarea\n {...inputProps}\n size={props.size}\n id={id}\n leftSection={icon}\n {...props.input.props}\n {...textAreaProps}\n />\n );\n }\n //endregion\n\n //region <ControlDate/>\n // Handle: date, date-time, and time formats\n if (\n props.date ||\n props.datetime ||\n props.time ||\n format === \"date\" ||\n format === \"date-time\" ||\n format === \"time\"\n ) {\n return (\n <ControlDate\n size={props.size}\n input={props.input}\n title={props.title}\n description={props.description}\n icon={icon}\n date={props.date}\n datetime={props.datetime}\n time={props.time}\n />\n );\n }\n //endregion\n\n //region <TextInput/> with format detection\n const textInputProps = typeof props.text === \"object\" ? props.text : {};\n\n // Detect HTML5 input type from format\n const getInputType = (): string | undefined => {\n switch (format) {\n case \"email\":\n return \"email\";\n case \"url\":\n case \"uri\":\n return \"url\";\n case \"tel\":\n case \"phone\":\n return \"tel\";\n default:\n return undefined;\n }\n };\n\n return (\n <TextInput\n {...inputProps}\n size={props.size}\n id={id}\n leftSection={icon}\n type={getInputType()}\n {...props.input.props}\n {...textInputProps}\n inputWrapperOrder={[\"label\", \"input\", \"description\", \"error\"]}\n />\n );\n //endregion\n};\n\nexport default Control;\n\nexport type CustomControlProps = {\n defaultValue: any;\n onChange: (value: any) => void;\n};\n","import { ActionButton, type ActionSubmitButtonProps } from \"@alepha/ui\";\nimport { Card, Flex, type FlexProps, Grid } from \"@mantine/core\";\nimport type { TObject } from \"alepha\";\nimport type { FormModel } from \"alepha/react/form\";\nimport type { ReactNode } from \"react\";\nimport Control, { type ControlProps } from \"./Control.tsx\";\n\nexport interface TypeFormProps<T extends TObject> {\n form: FormModel<T>;\n columns?:\n | number\n | {\n base?: number;\n xs?: number;\n sm?: number;\n md?: number;\n lg?: number;\n xl?: number;\n };\n schema?: TObject;\n children?: (input: FormModel<T>[\"input\"]) => ReactNode;\n\n /**\n * Control props applied to all fields.\n */\n controlProps?: Partial<Omit<ControlProps, \"input\">>;\n\n /**\n * Per-field control props override.\n * Keys are field names from the schema.\n */\n fieldControlProps?: Record<string, Partial<Omit<ControlProps, \"input\">>>;\n skipFormElement?: boolean;\n skipSubmitButton?: boolean;\n submitButtonProps?: Partial<Omit<ActionSubmitButtonProps, \"form\">>;\n resetButtonProps?: Partial<Omit<ActionSubmitButtonProps, \"form\">>;\n\n fill?: boolean;\n flexProps?: FlexProps;\n\n size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n}\n\n/**\n * TypeForm component that automatically renders all form inputs based on schema.\n * Uses the Control component to render individual fields and Mantine Grid for responsive layout.\n *\n * Supports all field types including:\n * - Primitive types (string, number, boolean, etc.)\n * - Enum types (rendered as Select)\n * - Arrays of primitives (rendered as MultiSelect/TagsInput)\n * - Arrays of objects (rendered as ControlArray)\n * - Nested objects (rendered as ControlObject)\n *\n * @example\n * ```tsx\n * import { t } from \"alepha\";\n * import { useForm } from \"alepha/react/form\";\n * import { TypeForm } from \"@alepha/ui\";\n *\n * const form = useForm({\n * schema: t.object({\n * username: t.text(),\n * email: t.text(),\n * age: t.integer(),\n * subscribe: t.boolean(),\n * address: t.object({\n * street: t.text(),\n * city: t.text(),\n * }),\n * tags: t.array(t.text()),\n * contacts: t.array(t.object({\n * name: t.text(),\n * email: t.text(),\n * })),\n * }),\n * handler: (values) => {\n * console.log(values);\n * },\n * });\n *\n * return <TypeForm form={form} columns={2} />;\n * ```\n */\nconst TypeForm = <T extends TObject>(props: TypeFormProps<T>) => {\n const {\n form,\n columns = 3,\n children,\n controlProps,\n fieldControlProps,\n skipFormElement = false,\n skipSubmitButton = false,\n submitButtonProps,\n fill = true,\n size,\n } = props;\n\n const schema = props.schema || form.options.schema;\n if (!schema?.properties) {\n return null;\n }\n\n const fieldNames = Object.keys(schema.properties);\n\n // Filter to only include valid InputFields\n // All types are now supported: primitives, enums, arrays, objects\n const supportedFields = fieldNames;\n\n // Handle column configuration with defaults: xs=1, sm=2, lg=3\n const colSpan =\n typeof columns === \"number\"\n ? {\n xs: 12,\n sm: 6,\n lg: 12 / columns,\n }\n : {\n base: columns.base ? 12 / columns.base : undefined,\n xs: columns.xs ? 12 / columns.xs : 12,\n sm: columns.sm ? 12 / columns.sm : 6,\n md: columns.md ? 12 / columns.md : undefined,\n lg: columns.lg ? 12 / columns.lg : 4,\n xl: columns.xl ? 12 / columns.xl : undefined,\n };\n\n const renderFields = () => {\n if (children) {\n return <>{children(form.input)}</>;\n }\n\n return (\n <Grid>\n {supportedFields.map((fieldName) => {\n const field = form.input[fieldName as keyof typeof form.input];\n const fieldSchema: any = schema.properties[fieldName];\n\n // Type guard to ensure field has the expected structure\n if (!field || !fieldSchema) {\n return null;\n }\n\n // Determine if this is a complex type (object or array of objects)\n // that should span full width\n const isObject =\n fieldSchema &&\n \"type\" in fieldSchema &&\n fieldSchema.type === \"object\";\n\n const isArrayOfObjects =\n fieldSchema &&\n \"type\" in fieldSchema &&\n fieldSchema.type === \"array\" &&\n \"items\" in fieldSchema &&\n fieldSchema.items &&\n \"properties\" in fieldSchema.items;\n\n // Complex types span full width, primitives use grid columns\n const span = isObject || isArrayOfObjects ? 12 : colSpan;\n\n // Merge control props: base controlProps + field-specific overrides\n const mergedControlProps = {\n ...controlProps,\n ...fieldControlProps?.[fieldName],\n };\n\n if (size) {\n mergedControlProps.size = size;\n }\n\n return (\n <Grid.Col key={fieldName} span={span}>\n <Control input={field} {...mergedControlProps} />\n </Grid.Col>\n );\n })}\n </Grid>\n );\n };\n\n const content = (\n <Flex\n direction={\"column\"}\n gap={\"sm\"}\n flex={fill ? 1 : undefined}\n {...props.flexProps}\n >\n <Flex direction={\"column\"} gap={\"sm\"} flex={1}>\n {renderFields()}\n </Flex>\n {!skipSubmitButton && (\n <Card w={\"100%\"} withBorder>\n <Flex gap={\"sm\"} flex={1}>\n <Flex></Flex>\n <Flex flex={1}></Flex>\n <Flex gap={\"sm\"}>\n <ActionButton variant={\"subtle\"} type={\"reset\"}>\n Reset\n </ActionButton>\n <ActionButton\n intent={\"primary\"}\n form={form}\n {...submitButtonProps}\n >\n {submitButtonProps?.children ?? \"Submit\"}\n </ActionButton>\n </Flex>\n </Flex>\n </Card>\n )}\n </Flex>\n );\n\n if (skipFormElement) {\n return content;\n }\n\n return (\n <Flex\n component={\"form\"}\n flex={fill ? 1 : undefined}\n {...form.props}\n {...props.flexProps}\n >\n {content}\n </Flex>\n );\n};\n\nexport default TypeForm;\n","import { ui } from \"@alepha/ui\";\nimport { type ComponentType, isValidElement, type ReactNode } from \"react\";\nimport { isComponentType } from \"./isComponentType.ts\";\n\nexport const renderIcon = (\n icon: ReactNode | ComponentType,\n size?: number,\n): ReactNode => {\n if (!icon) return null;\n if (isValidElement(icon)) return icon;\n if (isComponentType(icon)) {\n const IconComponent = icon;\n return <IconComponent size={size ?? ui.sizes.icon.md} />;\n }\n return icon as ReactNode;\n};\n","import { useInject } from \"alepha/react\";\nimport { DialogService } from \"../services/DialogService.tsx\";\n\n/**\n * Use this hook to access the Dialog Service for showing various dialog types.\n *\n * @example\n * ```tsx\n * const dialog = useDialog();\n * await dialog.alert({ title: \"Alert\", message: \"This is an alert message\" });\n * const confirmed = await dialog.confirm({ title: \"Confirm\", message: \"Are you sure?\" });\n * const input = await dialog.prompt({ title: \"Input\", message: \"Enter your name:\" });\n * ```\n */\nexport const useDialog = (): DialogService => {\n return useInject(DialogService);\n};\n","import {\n ActionIcon,\n Flex,\n getTreeExpandedState,\n type MantineSize,\n Text,\n Tree,\n useTree,\n} from \"@mantine/core\";\nimport {\n IconCheck,\n IconChevronDown,\n IconChevronRight,\n IconCopy,\n} from \"@tabler/icons-react\";\nimport {\n type CSSProperties,\n type ReactNode,\n useCallback,\n useMemo,\n useState,\n} from \"react\";\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\ninterface JsonViewerProps {\n data: any;\n /**\n * Depth level to expand by default (0 = collapsed, Infinity = all expanded)\n */\n defaultExpandedDepth?: number;\n /**\n * Maximum nesting depth to render\n */\n maxDepth?: number;\n /**\n * Size variant\n */\n size?: MantineSize;\n /**\n * Whether to show quotes around keys and strings\n */\n showQuotes?: boolean;\n /**\n * Show copy button on row hover\n */\n showCopyButton?: boolean;\n /**\n * Custom value formatter. Return formatted string or undefined to use default.\n */\n formatValue?: (\n key: string | undefined,\n value: any,\n path: string[],\n ) => string | number | undefined;\n}\n\ninterface JsonTreeNode {\n value: string;\n label: string;\n children?: JsonTreeNode[];\n // Custom properties\n nodeValue: any;\n nodeKey: string | undefined;\n path: string[];\n isArrayItem: boolean;\n isRoot?: boolean;\n}\n\n// =============================================================================\n// CONSTANTS\n// =============================================================================\n\nconst SIZE_CONFIG: Record<MantineSize, { icon: number; levelOffset: number }> =\n {\n xs: { icon: 14, levelOffset: 16 },\n sm: { icon: 16, levelOffset: 20 },\n md: { icon: 18, levelOffset: 24 },\n lg: { icon: 20, levelOffset: 28 },\n xl: { icon: 22, levelOffset: 32 },\n };\n\nconst STYLES = {\n root: {\n fontFamily: \"var(--mantine-font-family-monospace)\",\n } satisfies CSSProperties,\n chevron: {\n flexShrink: 0,\n color: \"var(--mantine-color-dimmed)\",\n } satisfies CSSProperties,\n key: {\n color: \"var(--mantine-color-cyan-text)\",\n fontWeight: 500,\n } satisfies CSSProperties,\n colon: {\n color: \"var(--mantine-color-dimmed)\",\n } satisfies CSSProperties,\n string: {\n color: \"var(--mantine-color-teal-text)\",\n } satisfies CSSProperties,\n number: {\n color: \"var(--mantine-color-blue-text)\",\n } satisfies CSSProperties,\n boolean: {\n color: \"var(--mantine-color-violet-text)\",\n } satisfies CSSProperties,\n null: {\n color: \"var(--mantine-color-dimmed)\",\n fontStyle: \"italic\",\n } satisfies CSSProperties,\n preview: {\n color: \"var(--mantine-color-dimmed)\",\n } satisfies CSSProperties,\n};\n\n// =============================================================================\n// HELPERS\n// =============================================================================\n\nconst getValueType = (val: any): string => {\n if (val === null) return \"null\";\n if (val === undefined) return \"undefined\";\n if (Array.isArray(val)) return \"array\";\n return typeof val;\n};\n\n// Convert JSON to tree data structure\nfunction buildTreeNodes(\n data: any,\n path: string[] = [],\n key?: string,\n isArrayItem = false,\n maxDepth = 10,\n): JsonTreeNode | null {\n const currentPath = key !== undefined ? [...path, key] : path;\n const nodeId = currentPath.length > 0 ? currentPath.join(\".\") : \"root\";\n\n if (currentPath.length > maxDepth) {\n return {\n value: nodeId,\n label: key ?? \"\",\n nodeValue: data,\n nodeKey: key,\n path: currentPath,\n isArrayItem,\n };\n }\n\n const type = getValueType(data);\n\n if (type === \"object\" || type === \"array\") {\n const entries =\n type === \"array\"\n ? (data as any[]).map((v, i) => [String(i), v] as const)\n : Object.entries(data);\n\n const children = entries\n .map(([k, v]) =>\n buildTreeNodes(v, currentPath, k, type === \"array\", maxDepth),\n )\n .filter((n): n is JsonTreeNode => n !== null);\n\n return {\n value: nodeId,\n label: key ?? \"\",\n nodeValue: data,\n nodeKey: key,\n path: currentPath,\n isArrayItem,\n children: children.length > 0 ? children : undefined,\n };\n }\n\n return {\n value: nodeId,\n label: key ?? \"\",\n nodeValue: data,\n nodeKey: key,\n path: currentPath,\n isArrayItem,\n };\n}\n\n// Get all expandable node IDs up to a certain depth\nfunction getExpandedIds(\n nodes: JsonTreeNode[],\n targetDepth: number,\n currentDepth = 0,\n): string[] {\n if (currentDepth >= targetDepth) return [];\n const ids: string[] = [];\n for (const node of nodes) {\n if (node.children) {\n ids.push(node.value);\n ids.push(...getExpandedIds(node.children, targetDepth, currentDepth + 1));\n }\n }\n return ids;\n}\n\n// =============================================================================\n// COPY BUTTON COMPONENT\n// =============================================================================\n\nconst CopyButton = ({\n value,\n iconSize,\n}: {\n value: string;\n iconSize: number;\n}) => {\n const [copied, setCopied] = useState(false);\n\n const handleCopy = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n navigator.clipboard.writeText(value);\n setCopied(true);\n setTimeout(() => setCopied(false), 1500);\n },\n [value],\n );\n\n return (\n <ActionIcon\n size={iconSize + 4}\n variant=\"transparent\"\n c={copied ? \"green\" : \"dimmed\"}\n onClick={handleCopy}\n className=\"alepha-json-viewer-copy\"\n >\n {copied ? <IconCheck size={iconSize} /> : <IconCopy size={iconSize} />}\n </ActionIcon>\n );\n};\n\n// =============================================================================\n// ROW NODE COMPONENT\n// =============================================================================\n\ninterface RowNodeProps {\n node: JsonTreeNode;\n expanded: boolean;\n hasChildren: boolean;\n elementProps: any;\n size: MantineSize;\n config: { icon: number; levelOffset: number };\n showQuotes: boolean;\n showCopyButton: boolean;\n renderValue: (val: any, key: string | undefined, path: string[]) => ReactNode;\n}\n\nconst RowNode = ({\n node,\n expanded,\n hasChildren,\n elementProps,\n size,\n config,\n showQuotes,\n showCopyButton,\n renderValue,\n}: RowNodeProps) => {\n const { nodeValue, nodeKey, path, isArrayItem, isRoot } = node;\n const type = getValueType(nodeValue);\n const isExpandable = type === \"object\" || type === \"array\";\n\n const getPreview = () => {\n if (!isExpandable) return null;\n const entries = type === \"array\" ? nodeValue : Object.keys(nodeValue);\n const count = entries.length;\n const label = type === \"array\" ? \"item\" : \"key\";\n\n // For root node or collapsed nodes, show the count\n if (!expanded) {\n return (\n <Text fs={\"italic\"} component=\"span\" size={size} style={STYLES.preview}>\n {count === 0\n ? type === \"array\"\n ? \"[]\"\n : \"{}\"\n : type === \"array\"\n ? `[ ${count} ${count === 1 ? label : `${label}s`} ]`\n : `{ ${count} ${count === 1 ? label : `${label}s`} }`}\n </Text>\n );\n }\n\n return null;\n };\n\n const getCopyValue = () =>\n isExpandable ? JSON.stringify(nodeValue, null, 2) : String(nodeValue ?? \"\");\n\n return (\n <Flex\n gap={6}\n wrap=\"nowrap\"\n {...elementProps}\n className={`alepha-json-viewer-row ${elementProps.className || \"\"}`}\n >\n {hasChildren ? (\n expanded ? (\n <IconChevronDown size={config.icon} style={STYLES.chevron} />\n ) : (\n <IconChevronRight size={config.icon} style={STYLES.chevron} />\n )\n ) : (\n <span style={{ width: config.icon, flexShrink: 0 }} />\n )}\n\n {nodeKey !== undefined && !isArrayItem && (\n <Text component=\"span\" size={size}>\n <span style={STYLES.key}>\n {showQuotes ? `\"${nodeKey}\"` : nodeKey}\n </span>\n <span style={STYLES.colon}>:</span>\n </Text>\n )}\n\n {nodeKey !== undefined && isArrayItem && (\n <Text component=\"span\" size={size}>\n <span style={STYLES.key}>{nodeKey}</span>\n <span style={STYLES.colon}>:</span>\n </Text>\n )}\n\n {hasChildren ? (\n getPreview()\n ) : isExpandable ? (\n type === \"array\" ? (\n <Text component=\"span\" size={size} style={STYLES.preview}>\n []\n </Text>\n ) : (\n <Text component=\"span\" size={size} style={STYLES.preview}>\n {\"{}\"}\n </Text>\n )\n ) : (\n renderValue(nodeValue, nodeKey, path)\n )}\n\n {showCopyButton && (\n <CopyButton value={getCopyValue()} iconSize={config.icon} />\n )}\n </Flex>\n );\n};\n\n// =============================================================================\n// MAIN COMPONENT\n// =============================================================================\n\nexport const JsonViewer = ({\n data,\n defaultExpandedDepth = 2,\n maxDepth = 10,\n size = \"sm\",\n showQuotes = false,\n showCopyButton = true,\n formatValue,\n}: JsonViewerProps) => {\n const config = SIZE_CONFIG[size] || SIZE_CONFIG.sm;\n\n // Build tree data from JSON with root wrapper\n const treeData = useMemo(() => {\n const type = getValueType(data);\n\n // For objects and arrays, create a root node wrapper\n if (type === \"object\" || type === \"array\") {\n const entries =\n type === \"array\"\n ? (data as any[]).map((v, i) => [String(i), v] as const)\n : Object.entries(data);\n const children = entries\n .map(([k, v]) => buildTreeNodes(v, [], k, type === \"array\", maxDepth))\n .filter((n): n is JsonTreeNode => n !== null);\n\n const rootNode: JsonTreeNode = {\n value: \"root\",\n label: \"\",\n nodeValue: data,\n nodeKey: undefined,\n path: [],\n isArrayItem: false,\n isRoot: true,\n children: children.length > 0 ? children : undefined,\n };\n return [rootNode];\n }\n\n // For primitives, just show the value directly\n const node = buildTreeNodes(data, [], undefined, false, maxDepth);\n return node ? [node] : [];\n }, [data, maxDepth]);\n\n // Compute initial expanded state (root is always expanded by default unless depth is 0)\n const initialExpandedState = useMemo(() => {\n if (defaultExpandedDepth === 0) return {};\n if (defaultExpandedDepth === Infinity) {\n return getTreeExpandedState(treeData, \"*\");\n }\n // Add 1 to depth to account for root node\n const ids = getExpandedIds(treeData, defaultExpandedDepth + 1);\n return getTreeExpandedState(treeData, ids);\n }, [treeData, defaultExpandedDepth]);\n\n const tree = useTree({ initialExpandedState });\n\n // Render value based on type\n const renderValue = useCallback(\n (val: any, key: string | undefined, path: string[]): ReactNode => {\n const custom = formatValue?.(key, val, path);\n if (custom !== undefined) {\n return (\n <Text\n component=\"span\"\n size={size}\n style={STYLES.string}\n className=\"alepha-json-viewer-value\"\n title={String(val)}\n >\n {custom}\n </Text>\n );\n }\n\n const type = getValueType(val);\n switch (type) {\n case \"string\": {\n return (\n <Text\n style={STYLES.string}\n component=\"span\"\n size={size}\n className=\"alepha-json-viewer-value\"\n title={val}\n >\n \"{val}\"\n </Text>\n );\n }\n case \"number\":\n return (\n <Text component=\"span\" size={size} style={STYLES.number}>\n {val}\n </Text>\n );\n case \"boolean\":\n return (\n <Text component=\"span\" size={size} style={STYLES.boolean}>\n {String(val)}\n </Text>\n );\n case \"null\":\n case \"undefined\":\n return (\n <Text component=\"span\" size={size} style={STYLES.null}>\n {type}\n </Text>\n );\n default:\n return (\n <Text component=\"span\" size={size}>\n {String(val)}\n </Text>\n );\n }\n },\n [formatValue, showQuotes, size],\n );\n\n // Render tree node\n const renderNode = useCallback(\n ({\n node,\n expanded,\n hasChildren,\n elementProps,\n }: {\n node: JsonTreeNode;\n expanded: boolean;\n hasChildren: boolean;\n elementProps: any;\n }): ReactNode => {\n return (\n <RowNode\n node={node}\n expanded={expanded}\n hasChildren={hasChildren}\n elementProps={elementProps}\n size={size}\n config={config}\n showQuotes={showQuotes}\n showCopyButton={showCopyButton}\n renderValue={renderValue}\n />\n );\n },\n [config, renderValue, showCopyButton, showQuotes, size],\n );\n\n if (treeData.length === 0) {\n return (\n <Text size={size} style={STYLES.null}>\n {data === null ? \"null\" : data === undefined ? \"undefined\" : \"{}\"}\n </Text>\n );\n }\n\n return (\n <Tree\n data={treeData}\n tree={tree}\n levelOffset={config.levelOffset}\n expandOnClick\n renderNode={renderNode as any}\n styles={{ root: STYLES.root }}\n />\n );\n};\n\nexport default JsonViewer;\n","import type { ActionProps } from \"@alepha/ui\";\nimport type { DrawerProps, TableProps, TableTrProps } from \"@mantine/core\";\nimport type {\n Alepha,\n Async,\n Page,\n PageMetadata,\n Static,\n TObject,\n} from \"alepha\";\nimport type { DurationLike } from \"alepha/datetime\";\nimport type { FormModel } from \"alepha/react/form\";\nimport type { ReactNode } from \"react\";\nimport type { TypeFormProps } from \"../../form/components/TypeForm.tsx\";\n\n// -----------------------------------------------------------------------------\n// Constants\n// -----------------------------------------------------------------------------\n\nexport const DEFAULT_MAX_VISIBLE_COLUMNS = 8;\n\n// -----------------------------------------------------------------------------\n// Row Action Types\n// -----------------------------------------------------------------------------\n\nexport type DataTableRowAction = ActionProps & {\n visible?: boolean;\n};\n\n// -----------------------------------------------------------------------------\n// Visibility Types\n// -----------------------------------------------------------------------------\n\nexport interface ColumnVisibility {\n [key: string]: boolean;\n}\n\nexport interface FilterVisibility {\n [key: string]: boolean;\n}\n\n// -----------------------------------------------------------------------------\n// Column Types\n// -----------------------------------------------------------------------------\n\nexport interface DataTableColumnContext<Filters extends TObject> {\n index: number;\n form: FormModel<Filters>;\n alepha: Alepha;\n}\n\nexport interface DataTableColumn<T extends object, Filters extends TObject> {\n label: string;\n value?: (item: T, ctx: DataTableColumnContext<Filters>) => ReactNode;\n fit?: boolean;\n /**\n * Enable sorting for this column. When true, clicking the header will sort by this column.\n */\n sortable?: boolean;\n /**\n * The field name to use for sorting. If not provided, the column key is used.\n * Follows Alepha sort convention: 'field' for ASC, '-field' for DESC.\n */\n sortKey?: string;\n /**\n * Row-level actions rendered as ActionButtons.\n * Defaults: variant=\"subtle\", size=\"xs\", preventDefault=true.\n * Use `visible` on each action to conditionally show/hide.\n */\n actions?: (\n item: T,\n ctx: DataTableColumnContext<Filters>,\n ) => DataTableRowAction[];\n /**\n * Hide this column by default. Users can show it via the column picker.\n */\n defaultHidden?: boolean;\n}\n\n// -----------------------------------------------------------------------------\n// Page Types\n// -----------------------------------------------------------------------------\n\nexport type MaybePage<T> = Omit<Page<T>, \"page\"> & {\n page?: Partial<PageMetadata>;\n};\n\nexport interface DataTableSubmitContext<T extends object> {\n items: T[];\n}\n\n// -----------------------------------------------------------------------------\n// Checkbox Types\n// -----------------------------------------------------------------------------\n\nexport interface CheckboxActionContext<T extends object> {\n selectedItems: T[];\n clearSelection: () => void;\n}\n\nexport interface CheckboxAction<T extends object> {\n label: ReactNode;\n icon?: ReactNode;\n intent?: \"primary\" | \"success\" | \"danger\" | \"warning\" | \"info\" | \"none\";\n onClick: (ctx: CheckboxActionContext<T>) => void | Promise<void>;\n}\n\n// -----------------------------------------------------------------------------\n// Props Types\n// -----------------------------------------------------------------------------\n\nexport interface DataTableProps<T extends object, Filters extends TObject> {\n /**\n * The items to display in the table. Can be a static page of items or a function that returns a promise resolving to a page of items.\n */\n items:\n | MaybePage<T>\n | ((\n filters: Static<Filters> & {\n page: number;\n size: number;\n sort?: string;\n },\n ctx: DataTableSubmitContext<T>,\n ) => Async<MaybePage<T>>);\n\n /**\n * The columns to display in the table. Each column is defined by a key and a DataTableColumn object.\n */\n columns: {\n [key: string]: DataTableColumn<T, Filters>;\n };\n\n defaultSize?: number;\n\n typeFormProps?: Partial<Omit<TypeFormProps<Filters>, \"form\">>;\n\n onFilterChange?: (\n key: string,\n value: unknown,\n form: FormModel<Filters>,\n ) => void;\n\n /**\n * Optional filters to apply to the data.\n */\n filters?: TObject;\n\n panel?:\n | ((item: T) => ReactNode)\n | {\n render: (item: T) => ReactNode;\n can?: (item: T) => boolean;\n };\n\n drawer?:\n | ((item: T) => ReactNode)\n | {\n render: (item: T) => ReactNode;\n can?: (item: T) => boolean;\n props?: Omit<DrawerProps, \"opened\" | \"onClose\" | \"children\">;\n };\n\n submitOnInit?: boolean;\n submitEvery?: DurationLike;\n\n /**\n * Enable export button in toolbar (CSV download + clipboard copy).\n */\n withExport?: boolean;\n\n /**\n * Enable row selection with checkboxes. When true, a checkbox column is added as the first column.\n */\n withCheckbox?: boolean;\n\n /**\n * Function to get a unique key for each item.\n * Used to track selected items, panel expansion, and drawer identity.\n * Falls back to item.id then JSON.stringify if not provided.\n */\n getItemKey?: (item: T) => string;\n\n /**\n * Actions to display when items are selected. Each action receives the selected items.\n */\n checkboxActions?: Array<CheckboxAction<T>>;\n\n actions?: Array<ActionProps & { label?: ReactNode }>;\n\n /**\n * Enable infinity scroll mode. When true, pagination controls are hidden and new items are loaded automatically when scrolling to the bottom.\n */\n infinityScroll?: boolean;\n\n /**\n * Filter keys to show by default. Default: none (empty array).\n */\n defaultFilters?: string[];\n\n // -------------------------------------------------------------------------------------------------------------------\n // Mantine Props\n // -------------------------------------------------------------------------------------------------------------------\n\n /**\n * Props to pass to the Mantine Table component.\n */\n tableProps?: TableProps;\n\n /**\n * Function to generate props for each table row based on the item.\n */\n tableTrProps?: (item: T) => TableTrProps;\n}\n","import { ui } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\nimport { type TObject, t } from \"alepha\";\nimport type { FormModel } from \"alepha/react/form\";\nimport { useMemo } from \"react\";\nimport {\n default as TypeForm,\n type TypeFormProps,\n} from \"../../form/components/TypeForm.tsx\";\nimport type { FilterVisibility } from \"../interfaces/types.ts\";\n\nexport interface DataTableFiltersProps {\n schema: TObject;\n form: FormModel<TObject>;\n typeFormProps?: Partial<Omit<TypeFormProps<TObject>, \"form\">>;\n filterVisibility: FilterVisibility;\n}\n\nconst DataTableFilters = ({\n schema,\n form,\n typeFormProps,\n filterVisibility,\n}: DataTableFiltersProps) => {\n const visibleSchema = useMemo(() => {\n const visibleKeys = Object.keys(schema.properties).filter(\n (key) => filterVisibility[key] !== false,\n );\n\n if (visibleKeys.length === 0) {\n return null;\n }\n\n const visibleProps = visibleKeys.reduce(\n (acc, key) => {\n acc[key] = schema.properties[key];\n return acc;\n },\n {} as Record<string, unknown>,\n );\n\n return t.object(visibleProps as TObject[\"properties\"]);\n }, [schema, filterVisibility]);\n\n if (!visibleSchema) {\n return null;\n }\n\n return (\n <Flex\n w=\"100%\"\n p=\"xs\"\n bg={ui.colors.surface}\n style={{ borderBottom: \"1px solid var(--alepha-border)\" }}\n >\n <TypeForm\n size={\"xs\"}\n {...typeFormProps}\n skipSubmitButton\n fill\n form={form}\n schema={visibleSchema}\n columns={{\n base: 1,\n sm: 2,\n md: 3,\n lg: 4,\n xl: 6,\n }}\n />\n </Flex>\n );\n};\n\nexport default DataTableFilters;\n","import { Flex, Pagination, Select } from \"@mantine/core\";\n\nexport interface DataTablePaginationProps {\n page: number;\n size: string;\n totalPages: number;\n onPageChange: (page: number) => void;\n onSizeChange: (size: number) => void;\n}\n\nconst DataTablePagination = ({\n page,\n size,\n totalPages,\n onPageChange,\n onSizeChange,\n}: DataTablePaginationProps) => {\n return (\n <Flex\n align=\"center\"\n justify=\"end\"\n gap=\"md\"\n p=\"xs\"\n style={{\n borderTop: \"1px solid var(--alepha-border)\",\n }}\n >\n <Flex>\n <Select\n w={96}\n variant=\"default\"\n value={size}\n onChange={(value) => {\n if (value) {\n onSizeChange(Number(value));\n }\n }}\n data={[\n { value: \"5\", label: \"5\" },\n { value: \"10\", label: \"10\" },\n { value: \"25\", label: \"25\" },\n { value: \"50\", label: \"50\" },\n { value: \"100\", label: \"100\" },\n ]}\n />\n </Flex>\n <Flex>\n <Pagination\n withEdges\n total={totalPages}\n value={page}\n onChange={onPageChange}\n />\n </Flex>\n </Flex>\n );\n};\n\nexport default DataTablePagination;\n","import { ActionButton, ui } from \"@alepha/ui\";\nimport { Checkbox, Flex, Popover, ScrollArea, Text } from \"@mantine/core\";\nimport { IconColumns } from \"@tabler/icons-react\";\nimport type { TObject } from \"alepha\";\nimport { useState } from \"react\";\nimport {\n type ColumnVisibility,\n type DataTableColumn,\n DEFAULT_MAX_VISIBLE_COLUMNS,\n} from \"../interfaces/types.ts\";\n\nexport interface ColumnPickerProps<T extends object, Filters extends TObject> {\n columns: { [key: string]: DataTableColumn<T, Filters> };\n visibility: ColumnVisibility;\n onVisibilityChange: (visibility: ColumnVisibility) => void;\n}\n\nconst ColumnPicker = <T extends object, Filters extends TObject>({\n columns,\n visibility,\n onVisibilityChange,\n}: ColumnPickerProps<T, Filters>) => {\n const [opened, setOpened] = useState(false);\n const columnEntries = Object.entries(columns);\n\n const handleShowAll = () => {\n const newVisibility = columnEntries.reduce(\n (acc, [key]) => ({ ...acc, [key]: true }),\n {} as ColumnVisibility,\n );\n onVisibilityChange(newVisibility);\n };\n\n const handleDefault = () => {\n let count = 0;\n const newVisibility = columnEntries.reduce((acc, [key, col]) => {\n if (col.defaultHidden) {\n acc[key] = false;\n } else if (count < DEFAULT_MAX_VISIBLE_COLUMNS) {\n acc[key] = true;\n count++;\n } else {\n acc[key] = false;\n }\n return acc;\n }, {} as ColumnVisibility);\n onVisibilityChange(newVisibility);\n };\n\n const handleToggle = (key: string, checked: boolean) => {\n onVisibilityChange({\n ...visibility,\n [key]: checked,\n });\n };\n\n const visibleCount = columnEntries.filter(\n ([key]) => visibility[key] !== false,\n ).length;\n\n return (\n <Popover\n width={280}\n position=\"bottom-start\"\n shadow=\"md\"\n opened={opened}\n onChange={setOpened}\n closeOnClickOutside\n closeOnEscape\n transitionProps={{\n transition: \"fade-up\",\n duration: 200,\n timingFunction: \"ease\",\n }}\n >\n <Popover.Target>\n <div>\n <ActionButton\n variant=\"subtle\"\n icon={IconColumns}\n onClick={() => setOpened((o) => !o)}\n />\n </div>\n </Popover.Target>\n <Popover.Dropdown\n bg=\"transparent\"\n p=\"xs\"\n bd={`1px solid ${ui.colors.border}`}\n style={{\n backdropFilter: \"blur(20px)\",\n }}\n >\n <Flex\n direction=\"column\"\n gap=\"xs\"\n bg={ui.colors.surface}\n p=\"sm\"\n bdrs=\"sm\"\n >\n <Flex justify=\"space-between\">\n <Text size=\"sm\" fw={500}>\n Columns ({visibleCount}/{columnEntries.length})\n </Text>\n <Flex gap={4}>\n <ActionButton\n size=\"compact-xs\"\n variant=\"subtle\"\n onClick={handleShowAll}\n >\n All\n </ActionButton>\n <ActionButton\n size=\"compact-xs\"\n variant=\"subtle\"\n onClick={handleDefault}\n >\n Default\n </ActionButton>\n </Flex>\n </Flex>\n\n <ScrollArea.Autosize mah={300}>\n <Flex direction=\"column\" gap={4}>\n {columnEntries.map(([key, col]) => (\n <Checkbox\n key={key}\n label={col.label || key}\n checked={visibility[key] !== false}\n onChange={(e) => handleToggle(key, e.currentTarget.checked)}\n size=\"sm\"\n />\n ))}\n </Flex>\n </ScrollArea.Autosize>\n </Flex>\n </Popover.Dropdown>\n </Popover>\n );\n};\n\nexport default ColumnPicker;\n","import { ActionButton, ui } from \"@alepha/ui\";\nimport { Checkbox, Flex, Popover, ScrollArea, Text } from \"@mantine/core\";\nimport { IconFilter } from \"@tabler/icons-react\";\nimport type { TObject } from \"alepha\";\nimport { useState } from \"react\";\nimport type { FilterVisibility } from \"../interfaces/types.ts\";\n\nexport interface FilterPickerProps {\n schema: TObject;\n visibility: FilterVisibility;\n onVisibilityChange: (visibility: FilterVisibility) => void;\n}\n\nconst getFieldLabel = (schema: TObject, key: string): string => {\n const prop = schema.properties[key];\n if (prop && typeof prop === \"object\" && \"title\" in prop && prop.title) {\n return prop.title as string;\n }\n // Convert camelCase to Title Case\n return key\n .replace(/([A-Z])/g, \" $1\")\n .replace(/^./, (str) => str.toUpperCase())\n .trim();\n};\n\nconst FilterPicker = ({\n schema,\n visibility,\n onVisibilityChange,\n}: FilterPickerProps) => {\n const [opened, setOpened] = useState(false);\n const filterKeys = Object.keys(schema.properties);\n\n const handleShowAll = () => {\n const newVisibility = filterKeys.reduce(\n (acc, key) => ({ ...acc, [key]: true }),\n {} as FilterVisibility,\n );\n onVisibilityChange(newVisibility);\n };\n\n const handleHideAll = () => {\n const newVisibility = filterKeys.reduce(\n (acc, key) => ({ ...acc, [key]: false }),\n {} as FilterVisibility,\n );\n onVisibilityChange(newVisibility);\n };\n\n const handleToggle = (key: string, checked: boolean) => {\n onVisibilityChange({\n ...visibility,\n [key]: checked,\n });\n };\n\n const visibleCount = filterKeys.filter((key) => visibility[key]).length;\n\n return (\n <Popover\n width={280}\n position=\"bottom-start\"\n shadow=\"md\"\n opened={opened}\n onChange={setOpened}\n closeOnClickOutside\n closeOnEscape\n transitionProps={{\n transition: \"fade-up\",\n duration: 200,\n timingFunction: \"ease\",\n }}\n >\n <Popover.Target>\n <div>\n <ActionButton\n variant=\"subtle\"\n icon={IconFilter}\n onClick={() => setOpened((o) => !o)}\n />\n </div>\n </Popover.Target>\n <Popover.Dropdown\n bg=\"transparent\"\n p=\"xs\"\n bd={`1px solid ${ui.colors.border}`}\n style={{\n backdropFilter: \"blur(20px)\",\n }}\n >\n <Flex\n direction=\"column\"\n gap=\"xs\"\n bg={ui.colors.surface}\n p=\"sm\"\n bdrs=\"sm\"\n >\n <Flex justify=\"space-between\">\n <Text size=\"sm\" fw={500}>\n Filters ({visibleCount}/{filterKeys.length})\n </Text>\n <Flex gap={4}>\n <ActionButton\n size=\"compact-xs\"\n variant=\"subtle\"\n onClick={handleShowAll}\n >\n All\n </ActionButton>\n <ActionButton\n size=\"compact-xs\"\n variant=\"subtle\"\n onClick={handleHideAll}\n >\n None\n </ActionButton>\n </Flex>\n </Flex>\n\n <ScrollArea.Autosize mah={300}>\n <Flex direction=\"column\" gap={4}>\n {filterKeys.map((key) => (\n <Checkbox\n key={key}\n label={getFieldLabel(schema, key)}\n checked={visibility[key] === true}\n onChange={(e) => handleToggle(key, e.currentTarget.checked)}\n size=\"sm\"\n />\n ))}\n </Flex>\n </ScrollArea.Autosize>\n </Flex>\n </Popover.Dropdown>\n </Popover>\n );\n};\n\nexport default FilterPicker;\n","import { ActionButton, type ActionProps, isComponentType } from \"@alepha/ui\";\nimport { Badge, Divider, Flex } from \"@mantine/core\";\nimport {\n IconClipboard,\n IconDownload,\n IconRefresh,\n IconX,\n} from \"@tabler/icons-react\";\nimport type { TObject } from \"alepha\";\nimport { isValidElement, type ReactNode, useCallback } from \"react\";\nimport type {\n CheckboxAction,\n CheckboxActionContext,\n ColumnVisibility,\n DataTableColumn,\n FilterVisibility,\n} from \"../interfaces/types.ts\";\nimport ColumnPicker from \"./ColumnPicker.tsx\";\nimport FilterPicker from \"./FilterPicker.tsx\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst escapeCsvField = (value: string): string => {\n if (value.includes(\",\") || value.includes('\"') || value.includes(\"\\n\")) {\n return `\"${value.replace(/\"/g, '\"\"')}\"`;\n }\n return value;\n};\n\nconst extractText = (node: ReactNode): string => {\n if (node == null || typeof node === \"boolean\") return \"\";\n if (typeof node === \"string\" || typeof node === \"number\") return String(node);\n if (Array.isArray(node)) return node.map(extractText).join(\"\");\n if (typeof node === \"object\" && \"props\" in node) {\n return extractText((node as any).props.children);\n }\n return \"\";\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface DataTableToolbarProps<\n T extends object,\n Filters extends TObject,\n> {\n columns: { [key: string]: DataTableColumn<T, Filters> };\n filters?: TObject;\n columnVisibility: ColumnVisibility;\n filterVisibility: FilterVisibility;\n onColumnVisibilityChange: (visibility: ColumnVisibility) => void;\n onFilterVisibilityChange: (visibility: FilterVisibility) => void;\n actions?: Array<ActionProps & { label?: ReactNode }>;\n onRefresh?: () => void;\n items: T[];\n withExport?: boolean;\n // Checkbox-related props\n selectedItems?: T[];\n checkboxActions?: Array<CheckboxAction<T>>;\n onClearSelection?: () => void;\n}\n\nconst DataTableToolbar = <T extends object, Filters extends TObject>({\n columns,\n filters,\n columnVisibility,\n filterVisibility,\n onColumnVisibilityChange,\n onFilterVisibilityChange,\n actions,\n onRefresh,\n items,\n withExport,\n selectedItems = [],\n checkboxActions,\n onClearSelection,\n}: DataTableToolbarProps<T, Filters>) => {\n const hasSelection = selectedItems.length > 0;\n\n const exportableColumns = useCallback(() => {\n return Object.entries(columns).filter(\n ([key, col]) => !col.actions && columnVisibility[key] !== false,\n );\n }, [columns, columnVisibility]);\n\n const buildRows = useCallback((): string[][] => {\n const cols = exportableColumns();\n return items.map((item) =>\n cols.map(([_key, col]) => {\n if (!col.value) return \"\";\n const node = col.value(item, {} as any);\n return extractText(node);\n }),\n );\n }, [items, exportableColumns]);\n\n const buildCsv = useCallback((): string => {\n const cols = exportableColumns();\n const header = cols.map(([_key, col]) => escapeCsvField(col.label));\n const rows = buildRows().map((row) => row.map(escapeCsvField));\n return [header.join(\",\"), ...rows.map((r) => r.join(\",\"))].join(\"\\n\");\n }, [exportableColumns, buildRows]);\n\n const exportCsv = useCallback(() => {\n const csv = buildCsv();\n const blob = new Blob([csv], { type: \"text/csv;charset=utf-8;\" });\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url;\n a.download = \"export.csv\";\n a.click();\n URL.revokeObjectURL(url);\n }, [buildCsv]);\n\n const exportClipboard = useCallback(async () => {\n const cols = exportableColumns();\n const header = cols.map(([_key, col]) => col.label);\n const rows = buildRows();\n const text = [header.join(\"\\t\"), ...rows.map((r) => r.join(\"\\t\"))].join(\n \"\\n\",\n );\n await navigator.clipboard.writeText(text);\n }, [exportableColumns, buildRows]);\n\n const handleCheckboxAction = async (action: CheckboxAction<T>) => {\n const ctx: CheckboxActionContext<T> = {\n selectedItems,\n clearSelection: onClearSelection || (() => {}),\n };\n await action.onClick(ctx);\n };\n\n return (\n <Flex p=\"xs\" style={{ borderBottom: \"1px solid var(--alepha-border)\" }}>\n <Flex gap={4} align=\"center\">\n {filters && (\n <FilterPicker\n schema={filters}\n visibility={filterVisibility}\n onVisibilityChange={onFilterVisibilityChange}\n />\n )}\n <ColumnPicker\n columns={columns}\n visibility={columnVisibility}\n onVisibilityChange={onColumnVisibilityChange}\n />\n {withExport && (\n <ActionButton\n variant=\"subtle\"\n icon={IconDownload}\n menu={{\n items: [\n {\n label: \"Export as CSV\",\n icon: <IconDownload size={14} />,\n onClick: exportCsv,\n },\n {\n label: \"Copy to clipboard\",\n icon: <IconClipboard size={14} />,\n onClick: exportClipboard,\n },\n ],\n }}\n />\n )}\n\n {hasSelection && (\n <>\n <Divider orientation=\"vertical\" mx=\"xs\" />\n <Badge variant=\"light\" size=\"lg\">\n {selectedItems.length} selected\n </Badge>\n <ActionButton\n variant=\"subtle\"\n size=\"compact-sm\"\n icon={IconX}\n onClick={onClearSelection}\n >\n Clear\n </ActionButton>\n {checkboxActions?.map((action, index) => (\n <ActionButton\n key={index}\n variant=\"light\"\n size=\"compact-sm\"\n intent={action.intent}\n icon={\n action.icon && isComponentType(action.icon)\n ? action.icon\n : undefined\n }\n onClick={() => handleCheckboxAction(action)}\n >\n {action.label}\n </ActionButton>\n ))}\n </>\n )}\n </Flex>\n <Flex flex={1} />\n <Flex gap=\"xs\">\n {actions?.map((props, index) =>\n !isValidElement(props) ? (\n <ActionButton key={index} {...(props as ActionProps)}>\n {(props as ActionProps & { label?: ReactNode }).label}\n </ActionButton>\n ) : (\n props\n ),\n )}\n <ActionButton variant=\"subtle\" icon={IconRefresh} onClick={onRefresh} />\n </Flex>\n </Flex>\n );\n};\n\nexport default DataTableToolbar;\n","import { useCallback, useMemo, useState } from \"react\";\n\nexport interface UseTableSelectionReturn<T> {\n selectedItems: T[];\n allSelected: boolean;\n someSelected: boolean;\n toggleItem: (item: T) => void;\n toggleAll: () => void;\n clear: () => void;\n isSelected: (item: T) => boolean;\n}\n\nexport const useTableSelection = <T>(\n items: T[],\n getItemKey: (item: T) => string,\n enabled: boolean,\n): UseTableSelectionReturn<T> => {\n const [selectedKeys, setSelectedKeys] = useState<Set<string>>(new Set());\n\n const selectedItems = useMemo(() => {\n if (!enabled) return [];\n return items.filter((item) => selectedKeys.has(getItemKey(item)));\n }, [items, selectedKeys, getItemKey, enabled]);\n\n const allSelected = useMemo(() => {\n if (items.length === 0) return false;\n return items.every((item) => selectedKeys.has(getItemKey(item)));\n }, [items, selectedKeys, getItemKey]);\n\n const someSelected = useMemo(() => {\n if (items.length === 0) return false;\n const count = items.filter((item) =>\n selectedKeys.has(getItemKey(item)),\n ).length;\n return count > 0 && count < items.length;\n }, [items, selectedKeys, getItemKey]);\n\n const toggleItem = useCallback(\n (item: T) => {\n const key = getItemKey(item);\n setSelectedKeys((prev) => {\n const next = new Set(prev);\n if (next.has(key)) next.delete(key);\n else next.add(key);\n return next;\n });\n },\n [getItemKey],\n );\n\n const toggleAll = useCallback(() => {\n if (allSelected) {\n setSelectedKeys((prev) => {\n const next = new Set(prev);\n for (const item of items) next.delete(getItemKey(item));\n return next;\n });\n } else {\n setSelectedKeys((prev) => {\n const next = new Set(prev);\n for (const item of items) next.add(getItemKey(item));\n return next;\n });\n }\n }, [allSelected, items, getItemKey]);\n\n const clear = useCallback(() => setSelectedKeys(new Set()), []);\n\n const isSelected = useCallback(\n (item: T) => selectedKeys.has(getItemKey(item)),\n [selectedKeys, getItemKey],\n );\n\n return {\n selectedItems,\n allSelected,\n someSelected,\n toggleItem,\n toggleAll,\n clear,\n isSelected,\n };\n};\n","import { ActionButton, ui } from \"@alepha/ui\";\nimport {\n Checkbox,\n Drawer,\n Flex,\n Table,\n Text,\n UnstyledButton,\n} from \"@mantine/core\";\nimport {\n IconArrowDown,\n IconArrowsSort,\n IconArrowUp,\n IconChevronDown,\n IconChevronRight,\n} from \"@tabler/icons-react\";\nimport { Alepha, type Static, type TObject, t } from \"alepha\";\nimport { DateTimeProvider } from \"alepha/datetime\";\nimport { useInject } from \"alepha/react\";\nimport { type FormModel, useForm } from \"alepha/react/form\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type {\n ColumnVisibility,\n DataTableColumnContext,\n DataTableProps,\n FilterVisibility,\n MaybePage,\n} from \"../interfaces/types.ts\";\nimport { DEFAULT_MAX_VISIBLE_COLUMNS } from \"../interfaces/types.ts\";\nimport DataTableFilters, {\n type DataTableFiltersProps,\n} from \"./DataTableFilters.tsx\";\nimport DataTablePagination from \"./DataTablePagination.tsx\";\nimport DataTableToolbar from \"./DataTableToolbar.tsx\";\nimport { useTableSelection } from \"./useTableSelection.ts\";\n\ntype SortDirection = \"asc\" | \"desc\" | null;\n\n/**\n * Parse the sort string to get direction for a specific field.\n * Alepha convention: 'field' = ASC, '-field' = DESC\n */\nconst getSortDirection = (\n sortString: string | undefined,\n field: string,\n): SortDirection => {\n if (!sortString) return null;\n const parts = sortString.split(\",\").map((s) => s.trim());\n for (const part of parts) {\n if (part === field) return \"asc\";\n if (part === `-${field}`) return \"desc\";\n }\n return null;\n};\n\n/**\n * Toggle sort for a field in the sort string.\n * Cycles: null -> asc -> desc -> null\n */\nconst toggleSort = (\n sortString: string | undefined,\n field: string,\n): string | undefined => {\n const current = getSortDirection(sortString, field);\n\n // Remove existing sort for this field\n const parts = (sortString || \"\")\n .split(\",\")\n .map((s) => s.trim())\n .filter((s) => s && s !== field && s !== `-${field}`);\n\n if (current === null) {\n // No sort -> ASC\n parts.unshift(field);\n } else if (current === \"asc\") {\n // ASC -> DESC\n parts.unshift(`-${field}`);\n }\n // DESC -> remove (already filtered out above)\n\n return parts.length > 0 ? parts.join(\",\") : undefined;\n};\n\nconst toAriaSort = (\n dir: SortDirection,\n): \"ascending\" | \"descending\" | \"none\" => {\n if (dir === \"asc\") return \"ascending\";\n if (dir === \"desc\") return \"descending\";\n return \"none\";\n};\n\nconst FIT_STYLE = { width: 1, whiteSpace: \"nowrap\" } as const;\n\nconst DataTable = <T extends object, Filters extends TObject>(\n props: DataTableProps<T, Filters>,\n) => {\n const [items, setItems] = useState<MaybePage<T>>(\n typeof props.items === \"function\" ? { content: [] } : props.items,\n );\n\n const defaultSize = props.infinityScroll ? 100 : props.defaultSize || 10;\n const [page, setPage] = useState(1);\n const [size, setSize] = useState(String(defaultSize));\n const [currentPage, setCurrentPage] = useState(0);\n const alepha = useInject(Alepha);\n const sentinelRef = useRef<HTMLDivElement>(null);\n\n // Column visibility state\n const [columnVisibility, setColumnVisibility] = useState<ColumnVisibility>(\n () => {\n const entries = Object.entries(props.columns);\n let visibleCount = 0;\n return entries.reduce((acc, [key, col]) => {\n if (col.defaultHidden) {\n acc[key] = false;\n } else if (visibleCount < DEFAULT_MAX_VISIBLE_COLUMNS) {\n acc[key] = true;\n visibleCount++;\n } else {\n acc[key] = false;\n }\n return acc;\n }, {} as ColumnVisibility);\n },\n );\n\n // Filter visibility state — default: none visible\n const [filterVisibility, setFilterVisibility] = useState<FilterVisibility>(\n () => {\n if (!props.filters?.properties) return {};\n const defaults = new Set(props.defaultFilters ?? []);\n return Object.keys(props.filters.properties).reduce(\n (acc, key) => ({ ...acc, [key]: defaults.has(key) }),\n {} as FilterVisibility,\n );\n },\n );\n\n // Compute visible columns\n const visibleColumns = useMemo(() => {\n return Object.entries(props.columns).filter(\n ([key]) => columnVisibility[key] !== false,\n );\n }, [props.columns, columnVisibility]);\n\n // Current sort string\n const [sortString, setSortString] = useState<string | undefined>(undefined);\n\n // Handle column header click for sorting\n const handleSortClick = (columnKey: string, sortKey?: string) => {\n const field = sortKey || columnKey;\n const newSort = toggleSort(sortString, field);\n setSortString(newSort);\n form.input.sort.set(newSort);\n form.input.page.set(0); // Reset to first page when sorting changes\n };\n\n // Item key resolver — prefers explicit prop, falls back to .id, then JSON\n const getItemKey = useCallback(\n (item: T): string => {\n if (props.getItemKey) return props.getItemKey(item);\n if (\"id\" in item) return String((item as Record<string, unknown>).id);\n return JSON.stringify(item);\n },\n [props.getItemKey],\n );\n\n // Checkbox selection (extracted hook)\n const selection = useTableSelection(\n items.content as T[],\n getItemKey,\n props.withCheckbox ?? false,\n );\n\n // Panel — normalize shorthand vs object form\n const panelConfig = useMemo(() => {\n if (!props.panel) return null;\n if (typeof props.panel === \"function\") {\n return { render: props.panel, can: undefined };\n }\n return props.panel;\n }, [props.panel]);\n\n // Drawer — normalize shorthand vs object form\n const [drawerItem, setDrawerItem] = useState<T | null>(null);\n const drawerConfig = useMemo(() => {\n if (!props.drawer) return null;\n if (typeof props.drawer === \"function\") {\n return { render: props.drawer, can: undefined, props: undefined };\n }\n return props.drawer;\n }, [props.drawer]);\n\n // Panel expand state\n const [expandedKeys, setExpandedKeys] = useState<Set<string>>(new Set());\n\n const toggleExpand = useCallback((key: string) => {\n setExpandedKeys((prev) => {\n const next = new Set(prev);\n if (next.has(key)) next.delete(key);\n else next.add(key);\n return next;\n });\n }, []);\n\n const form = useForm(\n {\n schema: t.object({\n ...(props.filters ? props.filters.properties : {}),\n page: t.number({ default: 0 }),\n size: t.number({ default: defaultSize }),\n sort: t.optional(t.string()),\n }),\n handler: async (values) => {\n if (typeof props.items === \"function\") {\n const response = await props.items(\n values as Static<Filters> & {\n page: number;\n size: number;\n sort?: string;\n },\n {\n items: items.content,\n },\n );\n\n if (props.infinityScroll && values.page > 0) {\n // Append new items to existing ones for infinity scroll\n setItems((prev) => ({\n ...response,\n content: [...prev.content, ...response.content],\n }));\n } else {\n setItems(response);\n }\n\n setCurrentPage(values.page);\n }\n },\n onReset: async () => {\n setPage(1);\n setSize(String(defaultSize));\n await form.submit();\n },\n onChange: async (key, value) => {\n if (key === \"page\") {\n setPage(value + 1);\n await form.submit();\n return;\n }\n\n if (key === \"size\") {\n setSize(String(value));\n form.input.page.set(0);\n return;\n }\n\n props.onFilterChange?.(\n key,\n value,\n form as unknown as FormModel<Filters>,\n );\n },\n },\n [items],\n );\n\n const dt = useInject(DateTimeProvider);\n\n useEffect(() => {\n if (props.submitOnInit) {\n form.submit();\n }\n if (props.submitEvery) {\n const it = dt.createInterval(() => {\n form.submit();\n }, props.submitEvery);\n return () => dt.clearInterval(it);\n }\n }, []);\n\n useEffect(() => {\n if (typeof props.items !== \"function\") {\n setItems(props.items);\n }\n }, [props.items]);\n\n // Infinity scroll via IntersectionObserver\n useEffect(() => {\n if (!props.infinityScroll || typeof props.items !== \"function\") return;\n\n const sentinel = sentinelRef.current;\n if (!sentinel) return;\n\n const observer = new IntersectionObserver(\n (entries) => {\n if (!entries[0].isIntersecting || form.submitting) return;\n\n const totalPages = items.page?.totalPages ?? 1;\n if (currentPage + 1 < totalPages) {\n form.input.page.set(currentPage + 1);\n }\n },\n { rootMargin: \"300px\" },\n );\n\n observer.observe(sentinel);\n return () => observer.disconnect();\n }, [\n props.infinityScroll,\n form.submitting,\n items.page?.totalPages,\n currentPage,\n form,\n ]);\n\n // Total column count (for colSpan)\n const totalColumns =\n visibleColumns.length +\n (panelConfig ? 1 : 0) +\n (props.withCheckbox ? 1 : 0);\n\n // Checkbox header column\n const checkboxHeader = props.withCheckbox ? (\n <Table.Th style={{ width: 40 }}>\n <Checkbox\n checked={selection.allSelected}\n indeterminate={selection.someSelected}\n onChange={selection.toggleAll}\n aria-label=\"Select all\"\n />\n </Table.Th>\n ) : null;\n\n const head = visibleColumns.map(([key, col]) => {\n const sortField = col.sortKey || key;\n const sortDir = col.sortable\n ? getSortDirection(sortString, sortField)\n : null;\n\n return (\n <Table.Th\n key={key}\n onClick={\n col.sortable ? () => handleSortClick(key, col.sortKey) : undefined\n }\n aria-sort={col.sortable ? toAriaSort(sortDir) : undefined}\n style={{\n ...(col.fit ? FIT_STYLE : {}),\n ...(col.sortable ? { cursor: \"pointer\", userSelect: \"none\" } : {}),\n }}\n >\n <Flex align=\"center\" gap={4}>\n <Text size=\"xs\">{col.label}</Text>\n {col.sortable && (\n <Flex c=\"dimmed\">\n {sortDir === \"asc\" && <IconArrowUp size={ui.sizes.icon.sm} />}\n {sortDir === \"desc\" && <IconArrowDown size={ui.sizes.icon.sm} />}\n {sortDir === null && <IconArrowsSort size={ui.sizes.icon.sm} />}\n </Flex>\n )}\n </Flex>\n </Table.Th>\n );\n });\n\n const rows = items.content.flatMap((item, index) => {\n const trProps = props.tableTrProps ? props.tableTrProps(item as T) : {};\n const itemKey = getItemKey(item as T);\n const isSelected = selection.isSelected(item as T);\n const showPanel =\n panelConfig && (panelConfig.can ? panelConfig.can(item as T) : true);\n const isExpanded = expandedKeys.has(itemKey);\n const canOpenDrawer =\n drawerConfig && (drawerConfig.can ? drawerConfig.can(item as T) : true);\n\n const elements = [\n <Table.Tr\n key={itemKey}\n {...trProps}\n style={{\n ...(canOpenDrawer ? { cursor: \"pointer\" } : {}),\n ...(trProps.style ?? {}),\n }}\n onClick={(e) => {\n if (canOpenDrawer) setDrawerItem(item as T);\n trProps.onClick?.(e);\n }}\n >\n {panelConfig && (\n <Table.Td style={{ width: 36, textAlign: \"center\" }} py={2} px={0}>\n {showPanel && (\n <UnstyledButton\n onClick={(e) => {\n e.stopPropagation();\n toggleExpand(itemKey);\n }}\n style={{ display: \"inline-flex\" }}\n >\n <Flex c=\"dimmed\" align=\"center\" justify=\"center\">\n {isExpanded ? (\n <IconChevronDown size={ui.sizes.icon.sm} />\n ) : (\n <IconChevronRight size={ui.sizes.icon.sm} />\n )}\n </Flex>\n </UnstyledButton>\n )}\n </Table.Td>\n )}\n {props.withCheckbox && (\n <Table.Td style={{ width: 40 }} onClick={(e) => e.stopPropagation()}>\n <Checkbox\n checked={isSelected}\n onChange={() => selection.toggleItem(item as T)}\n aria-label=\"Select row\"\n />\n </Table.Td>\n )}\n {visibleColumns.map(([key, col]) => {\n const ctx = {\n index,\n form: form as unknown as FormModel<Filters>,\n alepha,\n } as DataTableColumnContext<Filters>;\n\n if (col.actions) {\n const rowActions = col\n .actions(item as T, ctx)\n .filter((a) => a.visible !== false);\n return (\n <Table.Td\n py={2}\n px={4}\n key={key}\n style={col.fit ? FIT_STYLE : undefined}\n onClick={(e) => e.stopPropagation()}\n >\n <Flex gap={4}>\n {rowActions.map(({ visible: _, ...actionProps }, i) => (\n <ActionButton\n key={i}\n variant=\"subtle\"\n size=\"xs\"\n preventDefault\n h={20}\n {...actionProps}\n />\n ))}\n </Flex>\n </Table.Td>\n );\n }\n\n return (\n <Table.Td\n py={2}\n px={4}\n key={key}\n style={col.fit ? FIT_STYLE : undefined}\n >\n {col.value?.(item as T, ctx)}\n </Table.Td>\n );\n })}\n </Table.Tr>,\n ];\n\n if (panelConfig && showPanel && isExpanded) {\n elements.push(\n <Table.Tr key={`${itemKey}-panel`}>\n <Table.Td colSpan={totalColumns} p={0}>\n {panelConfig.render(item as T)}\n </Table.Td>\n </Table.Tr>,\n );\n }\n\n return elements;\n });\n\n const filterSchema = useMemo(() => {\n if (!props.filters) return null;\n return t.omit(form.options.schema, [\"page\", \"size\", \"sort\"]);\n }, [props.filters, form.options.schema]);\n\n return (\n <Flex flex={1} p={0} bdrs=\"sm\" direction=\"column\">\n <DataTableToolbar\n columns={props.columns}\n filters={props.filters}\n columnVisibility={columnVisibility}\n filterVisibility={filterVisibility}\n onColumnVisibilityChange={setColumnVisibility}\n onFilterVisibilityChange={setFilterVisibility}\n actions={props.actions}\n onRefresh={() => form.submit()}\n items={items.content as T[]}\n withExport={props.withExport}\n selectedItems={selection.selectedItems}\n checkboxActions={props.checkboxActions}\n onClearSelection={selection.clear}\n />\n\n {filterSchema && props.filters && (\n <DataTableFilters\n schema={filterSchema}\n form={form as unknown as FormModel<TObject>}\n typeFormProps={\n props.typeFormProps as DataTableFiltersProps[\"typeFormProps\"]\n }\n filterVisibility={filterVisibility}\n />\n )}\n\n <Flex className=\"overflow-auto\">\n <Table\n aria-label=\"Data table\"\n withColumnBorders\n withRowBorders\n {...props.tableProps}\n >\n <Table.Thead\n style={{\n position: \"sticky\",\n top: 0,\n zIndex: 1,\n backgroundColor: \"var(--mantine-color-body)\",\n }}\n >\n <Table.Tr>\n {panelConfig && <Table.Th style={{ width: 36 }} />}\n {checkboxHeader}\n {head}\n </Table.Tr>\n </Table.Thead>\n <Table.Tbody\n style={{\n opacity: form.submitting ? 0.5 : 1,\n transition: \"opacity 150ms ease\",\n }}\n >\n {rows}\n {items.content.length === 0 && (\n <Table.Tr>\n <Table.Td\n colSpan={totalColumns || 1}\n py=\"xl\"\n style={{ textAlign: \"center\" }}\n >\n <Text c=\"dimmed\" size=\"sm\">\n {form.submitting ? \"Loading…\" : \"No results\"}\n </Text>\n </Table.Td>\n </Table.Tr>\n )}\n </Table.Tbody>\n </Table>\n </Flex>\n\n {props.infinityScroll && <div ref={sentinelRef} />}\n\n {!props.infinityScroll && (\n <DataTablePagination\n page={page}\n size={size}\n totalPages={items.page?.totalPages ?? 1}\n onPageChange={(value) => {\n form.input.page.set(value - 1);\n }}\n onSizeChange={(value) => {\n form.input.size.set(value);\n }}\n />\n )}\n\n {drawerConfig && (\n <Drawer\n opened={drawerItem !== null}\n onClose={() => setDrawerItem(null)}\n position=\"right\"\n size=\"xl\"\n {...drawerConfig.props}\n >\n {drawerItem && drawerConfig.render(drawerItem)}\n </Drawer>\n )}\n </Flex>\n );\n};\n\nexport default DataTable;\n","import type { TObject, TProperties, TSchema } from \"alepha\";\n\nexport interface SchemaField {\n name: string;\n path: string;\n type: string;\n enum?: readonly any[];\n format?: string;\n description?: string;\n nested?: SchemaField[];\n}\n\n/**\n * Extract field information from a TypeBox schema for query building.\n * Supports nested objects and provides field metadata for autocomplete.\n */\nexport function extractSchemaFields(\n schema: TObject | TProperties,\n prefix = \"\",\n): SchemaField[] {\n const fields: SchemaField[] = [];\n\n // Safety check\n if (!schema || typeof schema !== \"object\") {\n return fields;\n }\n\n // Handle TObject wrapper\n const properties =\n \"properties\" in schema ? schema.properties : (schema as TProperties);\n\n // Safety check for properties\n if (!properties || typeof properties !== \"object\") {\n return fields;\n }\n\n for (const [key, value] of Object.entries(properties)) {\n // Skip if value is not an object (type guard)\n if (typeof value !== \"object\" || value === null) {\n continue;\n }\n\n const fieldSchema = value as TSchema & {\n format?: string;\n enum?: readonly any[];\n description?: string;\n };\n\n const path = prefix ? `${prefix}.${key}` : key;\n\n // Determine the display type - use format for datetime-related fields\n const format = \"format\" in fieldSchema ? fieldSchema.format : undefined;\n const baseType =\n \"type\" in fieldSchema ? (fieldSchema.type as string) : \"object\";\n\n let displayType = baseType;\n if (format === \"date-time\") {\n displayType = \"datetime\";\n } else if (format === \"date\") {\n displayType = \"date\";\n } else if (format === \"time\") {\n displayType = \"time\";\n } else if (format === \"duration\") {\n displayType = \"duration\";\n }\n\n const field: SchemaField = {\n name: key,\n path,\n type: displayType,\n format,\n description:\n \"description\" in fieldSchema ? fieldSchema.description : undefined,\n };\n\n // Handle enum\n if (\"enum\" in fieldSchema && fieldSchema.enum) {\n field.enum = fieldSchema.enum;\n field.type = \"enum\";\n }\n\n // Handle nested objects\n if (\n \"type\" in fieldSchema &&\n fieldSchema.type === \"object\" &&\n \"properties\" in fieldSchema &&\n typeof fieldSchema.properties === \"object\"\n ) {\n field.nested = extractSchemaFields(\n fieldSchema.properties as TProperties,\n path,\n );\n }\n\n fields.push(field);\n\n // Also add nested fields to the flat list for autocomplete\n if (field.nested) {\n fields.push(...field.nested);\n }\n }\n\n return fields;\n}\n\n/**\n * Get suggested operators based on field type\n */\nexport function getOperatorsForField(field: SchemaField): string[] {\n const allOperators = [\"=\", \"!=\"];\n\n if (field.enum) {\n // Enum fields: equality and IN array\n return [...allOperators, \"in\"];\n }\n\n switch (field.type) {\n case \"string\":\n case \"text\":\n // String fields: equality and null checks (wildcards supported in = operator)\n return [...allOperators, \"null\"];\n\n case \"number\":\n case \"integer\":\n // Numeric fields: all comparison operators\n return [...allOperators, \">\", \">=\", \"<\", \"<=\"];\n\n case \"boolean\":\n // Boolean fields: only equality\n return allOperators;\n\n case \"datetime\":\n case \"date\":\n // Date fields: all comparison operators\n return [...allOperators, \">\", \">=\", \"<\", \"<=\"];\n\n default:\n return [...allOperators, \"null\"];\n }\n}\n\n/**\n * Get operator symbol and description\n */\nexport const OPERATOR_INFO: Record<\n string,\n { symbol: string; label: string; example: string }\n> = {\n eq: { symbol: \"=\", label: \"equals\", example: \"name=John\" },\n ne: { symbol: \"!=\", label: \"not equals\", example: \"status!=archived\" },\n gt: { symbol: \">\", label: \"greater than\", example: \"age>18\" },\n gte: { symbol: \">=\", label: \"greater or equal\", example: \"age>=18\" },\n lt: { symbol: \"<\", label: \"less than\", example: \"age<65\" },\n lte: { symbol: \"<=\", label: \"less or equal\", example: \"age<=65\" },\n null: { symbol: \"=null\", label: \"is null\", example: \"deletedAt=null\" },\n notNull: {\n symbol: \"!=null\",\n label: \"is not null\",\n example: \"email!=null\",\n },\n in: {\n symbol: \"[...]\",\n label: \"in array\",\n example: \"status=[active,pending]\",\n },\n};\n","import {\n IconAt,\n IconCalendar,\n IconClock,\n IconColorPicker,\n IconFile,\n IconHash,\n IconKey,\n IconLetterCase,\n IconLink,\n IconList,\n IconMail,\n IconPalette,\n IconPhone,\n IconSelector,\n IconToggleLeft,\n} from \"@tabler/icons-react\";\nimport type { ReactElement } from \"react\";\nimport { ui } from \"../constants/ui.ts\";\n\nexport type IconSize = keyof typeof ui.sizes.icon;\n\n/**\n * Get the default icon for an input based on its type, format, or name.\n */\nexport const getDefaultIcon = (params: {\n type?: string;\n format?: string;\n name?: string;\n isEnum?: boolean;\n isArray?: boolean;\n size?: IconSize;\n}): ReactElement => {\n const { type, format, name, isEnum, isArray, size = \"sm\" } = params;\n const iconSize = ui.sizes.icon[size];\n\n // Format-based icons (highest priority)\n if (format) {\n switch (format) {\n case \"email\":\n return <IconMail size={iconSize} />;\n case \"url\":\n case \"uri\":\n return <IconLink size={iconSize} />;\n case \"tel\":\n case \"phone\":\n return <IconPhone size={iconSize} />;\n case \"date\":\n return <IconCalendar size={iconSize} />;\n case \"date-time\":\n return <IconCalendar size={iconSize} />;\n case \"time\":\n return <IconClock size={iconSize} />;\n case \"color\":\n return <IconColorPicker size={iconSize} />;\n case \"uuid\":\n return <IconKey size={iconSize} />;\n }\n }\n\n // Name-based icons (medium priority)\n if (name) {\n const nameLower = name.toLowerCase();\n if (nameLower.includes(\"password\") || nameLower.includes(\"secret\")) {\n return <IconKey size={iconSize} />;\n }\n if (nameLower.includes(\"email\") || nameLower.includes(\"mail\")) {\n return <IconMail size={iconSize} />;\n }\n if (nameLower.includes(\"url\") || nameLower.includes(\"link\")) {\n return <IconLink size={iconSize} />;\n }\n if (nameLower.includes(\"phone\") || nameLower.includes(\"tel\")) {\n return <IconPhone size={iconSize} />;\n }\n if (nameLower.includes(\"color\")) {\n return <IconPalette size={iconSize} />;\n }\n if (nameLower.includes(\"file\") || nameLower.includes(\"upload\")) {\n return <IconFile size={iconSize} />;\n }\n if (nameLower.includes(\"date\")) {\n return <IconCalendar size={iconSize} />;\n }\n if (nameLower.includes(\"time\")) {\n return <IconClock size={iconSize} />;\n }\n }\n\n // Type-based icons (lowest priority)\n if (isEnum || isArray) {\n return <IconSelector size={iconSize} />;\n }\n\n if (type) {\n switch (type) {\n case \"boolean\":\n return <IconToggleLeft size={iconSize} />;\n case \"number\":\n case \"integer\":\n return <IconHash size={iconSize} />;\n case \"array\":\n return <IconList size={iconSize} />;\n case \"string\":\n return <IconLetterCase size={iconSize} />;\n }\n }\n\n // Default icon\n return <IconAt size={iconSize} />;\n};\n","/**\n * Capitalizes the first letter of a string.\n *\n * @example\n * capitalize(\"hello\") // \"Hello\"\n */\nexport const capitalize = (str: string): string => {\n return str.charAt(0).toUpperCase() + str.slice(1);\n};\n\n/**\n * Converts camelCase or snake_case to Title Case with spaces.\n *\n * @example\n * toTitleCase(\"userName\") // \"User Name\"\n * toTitleCase(\"first_name\") // \"First Name\"\n * toTitleCase(\"email\") // \"Email\"\n */\nexport const toTitleCase = (str: string): string => {\n return str\n .replace(/([a-z])([A-Z])/g, \"$1 $2\") // camelCase -> camel Case\n .replace(/_/g, \" \") // snake_case -> snake case\n .replace(/\\b\\w/g, (c) => c.toUpperCase()); // capitalize words\n};\n\n/**\n * Converts a path or identifier string into a pretty display name.\n * For paths like \"/contacts/0/name\", extracts just the field name \"Name\".\n * Handles camelCase and snake_case conversion to Title Case.\n *\n * @example\n * prettyName(\"/userName\") // \"User Name\"\n * prettyName(\"/contacts/0/email\") // \"Email\"\n * prettyName(\"/address/streetName\") // \"Street Name\"\n * prettyName(\"first_name\") // \"First Name\"\n */\nexport const prettyName = (name: string): string => {\n // Split by slash and filter out empty strings and numeric indices\n const segments = name.split(\"/\").filter((s) => s && !/^\\d+$/.test(s));\n\n // Use the last non-numeric segment as the field name\n const fieldName = segments[segments.length - 1] || name.replaceAll(\"/\", \"\");\n\n return toTitleCase(fieldName);\n};\n","import { $module, type Static } from \"alepha\";\nimport { AlephaReactForm } from \"alepha/react/form\";\nimport { AlephaReactHead } from \"alepha/react/head\";\nimport { AlephaReactI18n } from \"alepha/react/i18n\";\nimport type { ComponentType, ReactNode } from \"react\";\nimport { alephaSidebarAtom } from \"./atoms/alephaSidebarAtom.ts\";\nimport { alephaThemeAtom } from \"./atoms/alephaThemeAtom.ts\";\nimport { ThemeProvider } from \"./providers/ThemeProvider.ts\";\nimport { DialogService } from \"./services/DialogService.tsx\";\nimport { ToastService } from \"./services/ToastService.tsx\";\nimport { UiRouter } from \"./UiRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport * from \"./atoms/alephaSidebarAtom.ts\";\nexport * from \"./atoms/alephaThemeAtom.ts\";\nexport * from \"./atoms/alephaThemeListAtom.ts\";\nexport * from \"./atoms/themes/default.ts\";\nexport * from \"./atoms/themes/midnight.ts\";\nexport type { AlephaMantineProviderProps } from \"./components/AlephaMantineProvider.tsx\";\nexport { default as AlephaMantineProvider } from \"./components/AlephaMantineProvider.tsx\";\nexport type {\n ActionClickButtonProps,\n ActionCommonProps,\n ActionMenuConfig,\n ActionMenuItem,\n ActionNavigationButtonProps,\n ActionProps,\n ActionSubmitButtonProps,\n} from \"./components/buttons/ActionButton.tsx\";\nexport { default as ActionButton } from \"./components/buttons/ActionButton.tsx\";\nexport { default as BurgerButton } from \"./components/buttons/BurgerButton.tsx\";\nexport type { ClipboardButtonProps } from \"./components/buttons/ClipboardButton.tsx\";\nexport { default as ClipboardButton } from \"./components/buttons/ClipboardButton.tsx\";\nexport { default as DarkModeButton } from \"./components/buttons/DarkModeButton.tsx\";\nexport { default as LanguageButton } from \"./components/buttons/LanguageButton.tsx\";\nexport type { OmnibarButtonProps } from \"./components/buttons/OmnibarButton.tsx\";\nexport { default as OmnibarButton } from \"./components/buttons/OmnibarButton.tsx\";\nexport { default as ThemeButton } from \"./components/buttons/ThemeButton.tsx\";\nexport { default as SidebarCollapseButton } from \"./components/buttons/ToggleSidebarButton.tsx\";\nexport type {\n DetailDrawerProps,\n DetailDrawerStatus,\n DetailDrawerTab,\n} from \"./components/data/DetailDrawer.tsx\";\nexport { default as DetailDrawer } from \"./components/data/DetailDrawer.tsx\";\nexport type {\n DetailListItem,\n DetailListProps,\n} from \"./components/data/DetailList.tsx\";\nexport { default as DetailList } from \"./components/data/DetailList.tsx\";\nexport type {\n StatCardItem,\n StatCardsProps,\n} from \"./components/data/StatCards.tsx\";\nexport { default as StatCards } from \"./components/data/StatCards.tsx\";\nexport { default as AlertDialog } from \"./components/dialogs/AlertDialog.tsx\";\nexport { default as ConfirmDialog } from \"./components/dialogs/ConfirmDialog.tsx\";\nexport { default as PromptDialog } from \"./components/dialogs/PromptDialog.tsx\";\nexport type { FlexProps } from \"./components/Flex.tsx\";\nexport { default as Flex } from \"./components/Flex.tsx\";\nexport { default as Heading } from \"./components/Heading.tsx\";\nexport type {\n AppBarBack,\n AppBarBurger,\n AppBarDark,\n AppBarDivider,\n AppBarElement,\n AppBarItem,\n AppBarLang,\n AppBarLogo,\n AppBarProps,\n AppBarSearch,\n AppBarSpacer,\n} from \"./components/layout/AppBar.tsx\";\nexport { default as AppBar } from \"./components/layout/AppBar.tsx\";\nexport type { BreadcrumbProps } from \"./components/layout/Breadcrumb.tsx\";\nexport { default as Breadcrumbs } from \"./components/layout/Breadcrumb.tsx\";\nexport type { ContainerProps } from \"./components/layout/Container.tsx\";\nexport { default as Container } from \"./components/layout/Container.tsx\";\nexport {\n type DashboardShellProps,\n type DashboardShellProps as AdminShellProps,\n default as DashboardShell,\n default as AdminShell,\n} from \"./components/layout/DashboardShell.tsx\";\nexport type { OmnibarProps } from \"./components/layout/Omnibar.tsx\";\nexport { default as Omnibar } from \"./components/layout/Omnibar.tsx\";\nexport type {\n SidebarAbstractItem,\n SidebarButtonTheme,\n SidebarDivider,\n SidebarElement,\n SidebarItemProps,\n SidebarMenuItem,\n SidebarNode,\n SidebarProps,\n SidebarSearch,\n SidebarSection,\n SidebarSpacer,\n SidebarTheme,\n} from \"./components/layout/Sidebar.tsx\";\nexport { Sidebar } from \"./components/layout/Sidebar.tsx\";\nexport type { TextProps } from \"./components/Text.tsx\";\nexport { default as Text } from \"./components/Text.tsx\";\nexport * from \"./constants/ui.ts\";\n// Form\nexport * from \"./form/index.ts\";\nexport * from \"./helpers/isComponentType.ts\";\nexport * from \"./helpers/renderIcon.tsx\";\nexport { useDialog } from \"./hooks/useDialog.ts\";\nexport { useTheme } from \"./hooks/useTheme.ts\";\nexport { useToast } from \"./hooks/useToast.ts\";\nexport * from \"./interfaces/AlephaIntent.ts\";\n// JSON\nexport * from \"./json/index.ts\";\nexport * from \"./primitives/$ui.ts\";\nexport * from \"./providers/ThemeProvider.ts\";\nexport type {\n AlertDialogOptions,\n AlertDialogProps,\n BaseDialogOptions,\n ConfirmDialogOptions,\n ConfirmDialogProps,\n PromptDialogOptions,\n PromptDialogProps,\n} from \"./services/DialogService.tsx\";\nexport { DialogService } from \"./services/DialogService.tsx\";\nexport { ToastService } from \"./services/ToastService.tsx\";\n// Table\nexport * from \"./table/index.ts\";\nexport * from \"./UiRouter.ts\";\nexport * from \"./utils/extractSchemaFields.ts\";\nexport * from \"./utils/icons.tsx\";\nexport * from \"./utils/string.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\ndeclare module \"alepha\" {\n interface State {\n [alephaSidebarAtom.key]?: Static<typeof alephaSidebarAtom.schema>;\n [alephaThemeAtom.key]?: Static<typeof alephaThemeAtom.schema>;\n }\n}\n\ndeclare module \"alepha/react/router\" {\n interface PagePrimitiveOptions {\n /**\n * Human-readable title for the page.\n * - for Sidebar navigation\n * - for Omnibar navigation\n * (soon)\n * - for Breadcrumbs\n * - for document title (with AlephaReactHead)\n */\n label?: string;\n\n /**\n * Optional description of the page.\n */\n description?: string;\n\n /**\n * Optional icon for the page.\n */\n icon?: ReactNode | ComponentType;\n }\n}\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Core UI components based on Mantine UI v8.\n *\n * **Features:**\n * - Mantine integration with theme support\n * - ActionButton, BurgerButton, ClipboardButton, DarkModeButton, LanguageButton, ThemeButton\n * - AlertDialog, ConfirmDialog, PromptDialog\n * - Form controls: Control, ControlArray, ControlDate, ControlNumber, ControlObject, ControlSelect, ControlQueryBuilder\n * - TypeForm for automatic form generation from TypeBox schemas\n * - DashboardShell layout component\n * - AppBar with configurable elements\n * - Sidebar navigation with sections and menu items\n * - Omnibar for command palette / search\n * - DataTable with filtering, sorting, pagination\n * - Toast notifications\n * - Theme system with dark mode\n *\n * @module alepha.ui\n */\nexport const AlephaUI = $module({\n name: \"alepha.ui\",\n services: [DialogService, ToastService, ThemeProvider, UiRouter],\n register: (alepha) => {\n alepha.with(AlephaReactI18n);\n alepha.with(AlephaReactHead);\n alepha.with(AlephaReactForm);\n alepha.with(ThemeProvider);\n alepha.with(DialogService);\n alepha.with(ToastService);\n },\n});\n"],"mappings":"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"}