@alepha/ui 0.18.1 → 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 +3 -3
  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,4 +1,4 @@
1
- import { _ as AlephaMantineProvider } from "./core-RCUw1Q-a.js";
1
+ import { _ as AlephaMantineProvider } from "./core-B7LNjM78.js";
2
2
  import { Flex } from "@mantine/core";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
  import { NestedView } from "alepha/react/router";
@@ -19,4 +19,4 @@ const AuthLayout = () => {
19
19
 
20
20
  //#endregion
21
21
  export { AuthLayout as default };
22
- //# sourceMappingURL=AuthLayout-jLa0aKsI.js.map
22
+ //# sourceMappingURL=AuthLayout-DN-ClJQk.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AuthLayout-jLa0aKsI.js","names":[],"sources":["../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { AlephaMantineProvider } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\nimport { NestedView } from \"alepha/react/router\";\n\nconst AuthLayout = () => {\n return (\n <AlephaMantineProvider omnibar={false}>\n <Flex flex={1} align={\"center\"} h={\"100vh\"} justify={\"center\"}>\n <NestedView />\n </Flex>\n </AlephaMantineProvider>\n );\n};\n\nexport default AuthLayout;\n"],"mappings":";;;;;;AAIA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EAAsB,SAAS;YAC9B,oBAAC;GAAK,MAAM;GAAG,OAAO;GAAU,GAAG;GAAS,SAAS;aACnD,oBAAC,eAAa;IACT;GACe"}
1
+ {"version":3,"file":"AuthLayout-DN-ClJQk.js","names":[],"sources":["../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { AlephaMantineProvider } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\nimport { NestedView } from \"alepha/react/router\";\n\nconst AuthLayout = () => {\n return (\n <AlephaMantineProvider omnibar={false}>\n <Flex flex={1} align={\"center\"} h={\"100vh\"} justify={\"center\"}>\n <NestedView />\n </Flex>\n </AlephaMantineProvider>\n );\n};\n\nexport default AuthLayout;\n"],"mappings":";;;;;;AAIA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EAAsB,SAAS;YAC9B,oBAAC;GAAK,MAAM;GAAG,OAAO;GAAU,GAAG;GAAS,SAAS;aACnD,oBAAC,eAAa;IACT;GACe"}
@@ -1,5 +1,5 @@
1
- import { h as ActionButton, p as Flex } from "./core-RCUw1Q-a.js";
2
- import { t as Showcase } from "./Showcase-Dq3MISpd.js";
1
+ import { f as Flex, h as ActionButton } from "./core-B7LNjM78.js";
2
+ import { t as Showcase } from "./Showcase-BtEU0pY9.js";
3
3
  import { t } from "alepha";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  import { IconCheck, IconDownload, IconPlus, IconSettings, IconTrash } from "@tabler/icons-react";
@@ -175,4 +175,4 @@ const DemoActionButton = () => {
175
175
 
176
176
  //#endregion
177
177
  export { DemoActionButton as default };
178
- //# sourceMappingURL=DemoButton-BmaWZVwf.js.map
178
+ //# sourceMappingURL=DemoButton-CGUyR9eM.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DemoButton-BmaWZVwf.js","names":[],"sources":["../../src/demo/components/core/DemoButton.tsx"],"sourcesContent":["import { ActionButton, Flex } from \"@alepha/ui\";\nimport {\n IconCheck,\n IconDownload,\n IconPlus,\n IconSettings,\n IconTrash,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n variant: t.enum(\n [\"filled\", \"light\", \"outline\", \"subtle\", \"default\", \"transparent\"],\n {\n title: \"variant\",\n default: \"filled\",\n },\n ),\n size: t.enum([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n title: \"size\",\n default: \"md\",\n }),\n intent: t.enum([\"none\", \"primary\", \"success\", \"danger\", \"warning\", \"info\"], {\n title: \"intent\",\n default: \"none\",\n }),\n disabled: t.boolean({\n title: \"disabled\",\n default: false,\n $control: { switch: true },\n }),\n loading: t.boolean({\n title: \"loading\",\n default: false,\n $control: { switch: true },\n }),\n});\n\nconst DemoActionButton = () => {\n return (\n <Showcase\n title=\"ActionButton\"\n schema={showcaseSchema}\n initialValues={{\n variant: \"filled\",\n size: \"md\",\n intent: \"none\",\n disabled: false,\n loading: false,\n }}\n columns={1}\n >\n {(props) => (\n <Flex col gap=\"xl\" p=\"md\">\n <Flex gap=\"md\" wrap=\"wrap\" centerY>\n <ActionButton\n variant={props.variant}\n size={props.size}\n intent={props.intent}\n disabled={props.disabled}\n loading={props.loading}\n onClick={() => alert(\"Clicked\")}\n >\n Default\n </ActionButton>\n <ActionButton\n variant={props.variant}\n size={props.size}\n intent={props.intent}\n disabled={props.disabled}\n loading={props.loading}\n icon={IconPlus}\n onClick={() => alert(\"Create\")}\n >\n Create\n </ActionButton>\n <ActionButton\n variant={props.variant}\n size={props.size}\n intent={props.intent}\n disabled={props.disabled}\n loading={props.loading}\n icon={IconTrash}\n onClick={() => alert(\"Delete\")}\n />\n </Flex>\n\n <Flex gap=\"md\" wrap=\"wrap\" centerY>\n <ActionButton\n variant=\"filled\"\n size={props.size}\n intent=\"primary\"\n icon={IconCheck}\n onClick={() => {}}\n >\n Save\n </ActionButton>\n <ActionButton\n variant=\"filled\"\n size={props.size}\n intent=\"danger\"\n icon={IconTrash}\n confirm=\"Are you sure?\"\n onClick={() => alert(\"Deleted\")}\n >\n Delete\n </ActionButton>\n <ActionButton\n variant=\"light\"\n size={props.size}\n icon={IconDownload}\n onClick={() => {}}\n >\n Export\n </ActionButton>\n <ActionButton\n variant=\"subtle\"\n size={props.size}\n icon={IconSettings}\n onClick={() => {}}\n />\n </Flex>\n\n <Flex gap=\"md\" wrap=\"wrap\" centerY>\n <ActionButton\n variant={props.variant}\n size={props.size}\n menu={{\n items: [\n { label: \"Edit\", icon: <IconSettings size={14} /> },\n { type: \"divider\" },\n {\n label: \"Delete\",\n icon: <IconTrash size={14} />,\n color: \"red\",\n },\n ],\n }}\n onClick={() => {}}\n >\n With Menu\n </ActionButton>\n <ActionButton\n variant={props.variant}\n size={props.size}\n tooltip=\"This button has a tooltip\"\n icon={IconSettings}\n onClick={() => {}}\n >\n With Tooltip\n </ActionButton>\n </Flex>\n </Flex>\n )}\n </Showcase>\n );\n};\n\nexport default DemoActionButton;\n"],"mappings":";;;;;;;AAWA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,SAAS,EAAE,KACT;EAAC;EAAU;EAAS;EAAW;EAAU;EAAW;EAAc,EAClE;EACE,OAAO;EACP,SAAS;EACV,CACF;CACD,MAAM,EAAE,KAAK;EAAC;EAAM;EAAM;EAAM;EAAM;EAAK,EAAE;EAC3C,OAAO;EACP,SAAS;EACV,CAAC;CACF,QAAQ,EAAE,KAAK;EAAC;EAAQ;EAAW;EAAW;EAAU;EAAW;EAAO,EAAE;EAC1E,OAAO;EACP,SAAS;EACV,CAAC;CACF,UAAU,EAAE,QAAQ;EAClB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,yBAAyB;AAC7B,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,SAAS;GACT,MAAM;GACN,QAAQ;GACR,UAAU;GACV,SAAS;GACV;EACD,SAAS;aAEP,UACA,qBAAC;GAAK;GAAI,KAAI;GAAK,GAAE;;IACnB,qBAAC;KAAK,KAAI;KAAK,MAAK;KAAO;;MACzB,oBAAC;OACC,SAAS,MAAM;OACf,MAAM,MAAM;OACZ,QAAQ,MAAM;OACd,UAAU,MAAM;OAChB,SAAS,MAAM;OACf,eAAe,MAAM,UAAU;iBAChC;QAEc;MACf,oBAAC;OACC,SAAS,MAAM;OACf,MAAM,MAAM;OACZ,QAAQ,MAAM;OACd,UAAU,MAAM;OAChB,SAAS,MAAM;OACf,MAAM;OACN,eAAe,MAAM,SAAS;iBAC/B;QAEc;MACf,oBAAC;OACC,SAAS,MAAM;OACf,MAAM,MAAM;OACZ,QAAQ,MAAM;OACd,UAAU,MAAM;OAChB,SAAS,MAAM;OACf,MAAM;OACN,eAAe,MAAM,SAAS;QAC9B;;MACG;IAEP,qBAAC;KAAK,KAAI;KAAK,MAAK;KAAO;;MACzB,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,QAAO;OACP,MAAM;OACN,eAAe;iBAChB;QAEc;MACf,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,QAAO;OACP,MAAM;OACN,SAAQ;OACR,eAAe,MAAM,UAAU;iBAChC;QAEc;MACf,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,MAAM;OACN,eAAe;iBAChB;QAEc;MACf,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,MAAM;OACN,eAAe;QACf;;MACG;IAEP,qBAAC;KAAK,KAAI;KAAK,MAAK;KAAO;gBACzB,oBAAC;MACC,SAAS,MAAM;MACf,MAAM,MAAM;MACZ,MAAM,EACJ,OAAO;OACL;QAAE,OAAO;QAAQ,MAAM,oBAAC,gBAAa,MAAM,KAAM;QAAE;OACnD,EAAE,MAAM,WAAW;OACnB;QACE,OAAO;QACP,MAAM,oBAAC,aAAU,MAAM,KAAM;QAC7B,OAAO;QACR;OACF,EACF;MACD,eAAe;gBAChB;OAEc,EACf,oBAAC;MACC,SAAS,MAAM;MACf,MAAM,MAAM;MACZ,SAAQ;MACR,MAAM;MACN,eAAe;gBAChB;OAEc;MACV;;IACF;GAEA"}
1
+ {"version":3,"file":"DemoButton-CGUyR9eM.js","names":[],"sources":["../../src/demo/components/core/DemoButton.tsx"],"sourcesContent":["import { ActionButton, Flex } from \"@alepha/ui\";\nimport {\n IconCheck,\n IconDownload,\n IconPlus,\n IconSettings,\n IconTrash,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n variant: t.enum(\n [\"filled\", \"light\", \"outline\", \"subtle\", \"default\", \"transparent\"],\n {\n title: \"variant\",\n default: \"filled\",\n },\n ),\n size: t.enum([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n title: \"size\",\n default: \"md\",\n }),\n intent: t.enum([\"none\", \"primary\", \"success\", \"danger\", \"warning\", \"info\"], {\n title: \"intent\",\n default: \"none\",\n }),\n disabled: t.boolean({\n title: \"disabled\",\n default: false,\n $control: { switch: true },\n }),\n loading: t.boolean({\n title: \"loading\",\n default: false,\n $control: { switch: true },\n }),\n});\n\nconst DemoActionButton = () => {\n return (\n <Showcase\n title=\"ActionButton\"\n schema={showcaseSchema}\n initialValues={{\n variant: \"filled\",\n size: \"md\",\n intent: \"none\",\n disabled: false,\n loading: false,\n }}\n columns={1}\n >\n {(props) => (\n <Flex col gap=\"xl\" p=\"md\">\n <Flex gap=\"md\" wrap=\"wrap\" centerY>\n <ActionButton\n variant={props.variant}\n size={props.size}\n intent={props.intent}\n disabled={props.disabled}\n loading={props.loading}\n onClick={() => alert(\"Clicked\")}\n >\n Default\n </ActionButton>\n <ActionButton\n variant={props.variant}\n size={props.size}\n intent={props.intent}\n disabled={props.disabled}\n loading={props.loading}\n icon={IconPlus}\n onClick={() => alert(\"Create\")}\n >\n Create\n </ActionButton>\n <ActionButton\n variant={props.variant}\n size={props.size}\n intent={props.intent}\n disabled={props.disabled}\n loading={props.loading}\n icon={IconTrash}\n onClick={() => alert(\"Delete\")}\n />\n </Flex>\n\n <Flex gap=\"md\" wrap=\"wrap\" centerY>\n <ActionButton\n variant=\"filled\"\n size={props.size}\n intent=\"primary\"\n icon={IconCheck}\n onClick={() => {}}\n >\n Save\n </ActionButton>\n <ActionButton\n variant=\"filled\"\n size={props.size}\n intent=\"danger\"\n icon={IconTrash}\n confirm=\"Are you sure?\"\n onClick={() => alert(\"Deleted\")}\n >\n Delete\n </ActionButton>\n <ActionButton\n variant=\"light\"\n size={props.size}\n icon={IconDownload}\n onClick={() => {}}\n >\n Export\n </ActionButton>\n <ActionButton\n variant=\"subtle\"\n size={props.size}\n icon={IconSettings}\n onClick={() => {}}\n />\n </Flex>\n\n <Flex gap=\"md\" wrap=\"wrap\" centerY>\n <ActionButton\n variant={props.variant}\n size={props.size}\n menu={{\n items: [\n { label: \"Edit\", icon: <IconSettings size={14} /> },\n { type: \"divider\" },\n {\n label: \"Delete\",\n icon: <IconTrash size={14} />,\n color: \"red\",\n },\n ],\n }}\n onClick={() => {}}\n >\n With Menu\n </ActionButton>\n <ActionButton\n variant={props.variant}\n size={props.size}\n tooltip=\"This button has a tooltip\"\n icon={IconSettings}\n onClick={() => {}}\n >\n With Tooltip\n </ActionButton>\n </Flex>\n </Flex>\n )}\n </Showcase>\n );\n};\n\nexport default DemoActionButton;\n"],"mappings":";;;;;;;AAWA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,SAAS,EAAE,KACT;EAAC;EAAU;EAAS;EAAW;EAAU;EAAW;EAAc,EAClE;EACE,OAAO;EACP,SAAS;EACV,CACF;CACD,MAAM,EAAE,KAAK;EAAC;EAAM;EAAM;EAAM;EAAM;EAAK,EAAE;EAC3C,OAAO;EACP,SAAS;EACV,CAAC;CACF,QAAQ,EAAE,KAAK;EAAC;EAAQ;EAAW;EAAW;EAAU;EAAW;EAAO,EAAE;EAC1E,OAAO;EACP,SAAS;EACV,CAAC;CACF,UAAU,EAAE,QAAQ;EAClB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,yBAAyB;AAC7B,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,SAAS;GACT,MAAM;GACN,QAAQ;GACR,UAAU;GACV,SAAS;GACV;EACD,SAAS;aAEP,UACA,qBAAC;GAAK;GAAI,KAAI;GAAK,GAAE;;IACnB,qBAAC;KAAK,KAAI;KAAK,MAAK;KAAO;;MACzB,oBAAC;OACC,SAAS,MAAM;OACf,MAAM,MAAM;OACZ,QAAQ,MAAM;OACd,UAAU,MAAM;OAChB,SAAS,MAAM;OACf,eAAe,MAAM,UAAU;iBAChC;QAEc;MACf,oBAAC;OACC,SAAS,MAAM;OACf,MAAM,MAAM;OACZ,QAAQ,MAAM;OACd,UAAU,MAAM;OAChB,SAAS,MAAM;OACf,MAAM;OACN,eAAe,MAAM,SAAS;iBAC/B;QAEc;MACf,oBAAC;OACC,SAAS,MAAM;OACf,MAAM,MAAM;OACZ,QAAQ,MAAM;OACd,UAAU,MAAM;OAChB,SAAS,MAAM;OACf,MAAM;OACN,eAAe,MAAM,SAAS;QAC9B;;MACG;IAEP,qBAAC;KAAK,KAAI;KAAK,MAAK;KAAO;;MACzB,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,QAAO;OACP,MAAM;OACN,eAAe;iBAChB;QAEc;MACf,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,QAAO;OACP,MAAM;OACN,SAAQ;OACR,eAAe,MAAM,UAAU;iBAChC;QAEc;MACf,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,MAAM;OACN,eAAe;iBAChB;QAEc;MACf,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,MAAM;OACN,eAAe;QACf;;MACG;IAEP,qBAAC;KAAK,KAAI;KAAK,MAAK;KAAO;gBACzB,oBAAC;MACC,SAAS,MAAM;MACf,MAAM,MAAM;MACZ,MAAM,EACJ,OAAO;OACL;QAAE,OAAO;QAAQ,MAAM,oBAAC,gBAAa,MAAM,KAAM;QAAE;OACnD,EAAE,MAAM,WAAW;OACnB;QACE,OAAO;QACP,MAAM,oBAAC,aAAU,MAAM,KAAM;QAC7B,OAAO;QACR;OACF,EACF;MACD,eAAe;gBAChB;OAEc,EACf,oBAAC;MACC,SAAS,MAAM;MACf,MAAM,MAAM;MACZ,SAAQ;MACR,MAAM;MACN,eAAe;gBAChB;OAEc;MACV;;IACF;GAEA"}
@@ -1,5 +1,5 @@
1
- import { c as Text$1, r as DataTable } from "./core-RCUw1Q-a.js";
2
- import { t as Showcase } from "./Showcase-Dq3MISpd.js";
1
+ import { r as DataTable, s as Text$1 } from "./core-B7LNjM78.js";
2
+ import { t as Showcase } from "./Showcase-BtEU0pY9.js";
3
3
  import { t } from "alepha";
4
4
  import { Badge, Code, Flex, Paper } from "@mantine/core";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -227,24 +227,20 @@ const DemoDataTable = () => {
227
227
  lineClamp: 1,
228
228
  children: u.notes ?? "—"
229
229
  })
230
- },
231
- actions: {
232
- label: "",
233
- fit: true,
234
- actions: (u) => [{
235
- tooltip: "Edit",
236
- icon: IconEdit,
237
- color: "blue",
238
- onClick: () => alert(`Edit ${u.name}`)
239
- }, {
240
- tooltip: "Delete",
241
- icon: IconTrash,
242
- color: "red",
243
- onClick: () => alert(`Delete ${u.name}`),
244
- visible: u.role !== "admin"
245
- }]
246
230
  }
247
231
  },
232
+ rowActions: (u) => [{
233
+ label: "Edit",
234
+ icon: IconEdit,
235
+ color: "blue",
236
+ onClick: () => alert(`Edit ${u.name}`)
237
+ }, {
238
+ label: "Delete",
239
+ icon: IconTrash,
240
+ color: "red",
241
+ onClick: () => alert(`Delete ${u.name}`),
242
+ visible: u.role !== "admin"
243
+ }],
248
244
  panel: props.withPanel ? {
249
245
  can: (u) => Boolean(u.notes),
250
246
  render: (u) => /* @__PURE__ */ jsxs(Flex, {
@@ -359,4 +355,4 @@ const DemoDataTable = () => {
359
355
 
360
356
  //#endregion
361
357
  export { DemoDataTable as default };
362
- //# sourceMappingURL=DemoDataTable-Z9xyV221.js.map
358
+ //# sourceMappingURL=DemoDataTable-QFG-xXSx.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DemoDataTable-QFG-xXSx.js","names":["Text"],"sources":["../../src/demo/components/core/DemoDataTable.tsx"],"sourcesContent":["import { DataTable, Text } from \"@alepha/ui\";\nimport { Badge, Code, Flex, Paper } from \"@mantine/core\";\nimport {\n IconDownload,\n IconEdit,\n IconPlus,\n IconTrash,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\ninterface User {\n id: number;\n name: string;\n email: string;\n role: \"admin\" | \"user\" | \"guest\";\n status: \"active\" | \"inactive\";\n notes?: string;\n}\n\nconst sampleUsers: User[] = [\n {\n id: 1,\n name: \"Alice Johnson\",\n email: \"alice@example.com\",\n role: \"admin\",\n status: \"active\",\n notes: \"Team lead for the backend team.\",\n },\n {\n id: 2,\n name: \"Bob Smith\",\n email: \"bob@example.com\",\n role: \"user\",\n status: \"active\",\n },\n {\n id: 3,\n name: \"Charlie Brown\",\n email: \"charlie@example.com\",\n role: \"user\",\n status: \"inactive\",\n notes: \"On leave until March.\",\n },\n {\n id: 4,\n name: \"Diana Prince\",\n email: \"diana@example.com\",\n role: \"admin\",\n status: \"active\",\n },\n {\n id: 5,\n name: \"Eve Wilson\",\n email: \"eve@example.com\",\n role: \"guest\",\n status: \"active\",\n notes: \"External consultant, limited access.\",\n },\n {\n id: 6,\n name: \"Frank Castle\",\n email: \"frank@example.com\",\n role: \"user\",\n status: \"inactive\",\n },\n {\n id: 7,\n name: \"Grace Hopper\",\n email: \"grace@example.com\",\n role: \"admin\",\n status: \"active\",\n notes: \"Pioneered compiler development.\",\n },\n {\n id: 8,\n name: \"Hank Pym\",\n email: \"hank@example.com\",\n role: \"user\",\n status: \"active\",\n },\n];\n\nconst filters = t.object({\n search: t.optional(t.text({ title: \"Search\" })),\n role: t.optional(t.enum([\"admin\", \"user\", \"guest\"], { title: \"Role\" })),\n status: t.optional(t.enum([\"active\", \"inactive\"], { title: \"Status\" })),\n});\n\nconst showcaseSchema = t.object({\n withCheckbox: t.boolean({\n title: \"Checkbox\",\n default: true,\n $control: { switch: true },\n }),\n withExport: t.boolean({\n title: \"Export\",\n default: true,\n $control: { switch: true },\n }),\n withPanel: t.boolean({\n title: \"Panel\",\n default: true,\n $control: { switch: true },\n }),\n withDrawer: t.boolean({\n title: \"Drawer\",\n default: true,\n $control: { switch: true },\n }),\n defaultSize: t.integer({\n title: \"Page Size\",\n default: 5,\n minimum: 1,\n maximum: 20,\n $control: { slider: true },\n }),\n});\n\nconst DemoDataTable = () => {\n return (\n <Showcase\n title=\"DataTable\"\n schema={showcaseSchema}\n initialValues={{\n withCheckbox: true,\n withExport: true,\n withPanel: true,\n withDrawer: true,\n defaultSize: 5,\n }}\n columns={1}\n >\n {(props) => (\n <DataTable<User, typeof filters>\n key={JSON.stringify(props)}\n filters={filters}\n defaultFilters={[\"search\", \"role\"]}\n submitOnInit\n defaultSize={props.defaultSize}\n withCheckbox={props.withCheckbox}\n withExport={props.withExport}\n getItemKey={(u) => String(u.id)}\n onFilterChange={(key, _value, form) => {\n if (key === \"role\" || key === \"status\") {\n return form.submit();\n }\n }}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 3,\n }}\n items={async (params) => {\n let filtered = [...sampleUsers];\n if (params.search) {\n const s = params.search.toLowerCase();\n filtered = filtered.filter(\n (u) =>\n u.name.toLowerCase().includes(s) ||\n u.email.toLowerCase().includes(s),\n );\n }\n if (params.role) {\n filtered = filtered.filter((u) => u.role === params.role);\n }\n if (params.status) {\n filtered = filtered.filter((u) => u.status === params.status);\n }\n const start = params.page * params.size;\n const content = filtered.slice(start, start + params.size);\n return {\n content,\n page: {\n totalElements: filtered.length,\n totalPages: Math.ceil(filtered.length / params.size),\n },\n };\n }}\n actions={[\n {\n tooltip: \"Add User\",\n icon: IconPlus,\n variant: \"light\",\n size: \"xs\",\n onClick: () => alert(\"Add user clicked\"),\n },\n ]}\n checkboxActions={[\n {\n label: \"Export Selected\",\n icon: <IconDownload size={14} />,\n intent: \"primary\",\n onClick: ({ selectedItems, clearSelection }) => {\n alert(`Exporting ${selectedItems.length} users`);\n clearSelection();\n },\n },\n {\n label: \"Delete Selected\",\n icon: <IconTrash size={14} />,\n intent: \"danger\",\n onClick: ({ selectedItems, clearSelection }) => {\n alert(`Deleting ${selectedItems.length} users`);\n clearSelection();\n },\n },\n ]}\n columns={{\n id: {\n label: \"ID\",\n value: (u) => <Text size=\"sm\">{u.id}</Text>,\n sortable: true,\n fit: true,\n },\n name: {\n label: \"Name\",\n value: (u) => (\n <Text size=\"sm\" fw={500}>\n {u.name}\n </Text>\n ),\n sortable: true,\n },\n email: {\n label: \"Email\",\n value: (u) => (\n <Text size=\"sm\" c=\"dimmed\">\n {u.email}\n </Text>\n ),\n },\n role: {\n label: \"Role\",\n value: (u) => (\n <Badge\n size=\"sm\"\n color={\n u.role === \"admin\"\n ? \"blue\"\n : u.role === \"user\"\n ? \"green\"\n : \"gray\"\n }\n >\n {u.role}\n </Badge>\n ),\n },\n status: {\n label: \"Status\",\n value: (u) => (\n <Badge\n size=\"sm\"\n color={u.status === \"active\" ? \"green\" : \"red\"}\n variant=\"light\"\n >\n {u.status}\n </Badge>\n ),\n },\n notes: {\n label: \"Notes\",\n defaultHidden: true,\n value: (u) => (\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {u.notes ?? \"—\"}\n </Text>\n ),\n },\n }}\n rowActions={(u) => [\n {\n label: \"Edit\",\n icon: IconEdit,\n color: \"blue\",\n onClick: () => alert(`Edit ${u.name}`),\n },\n {\n label: \"Delete\",\n icon: IconTrash,\n color: \"red\",\n onClick: () => alert(`Delete ${u.name}`),\n visible: u.role !== \"admin\",\n },\n ]}\n panel={\n props.withPanel\n ? {\n can: (u) => Boolean(u.notes),\n render: (u) => (\n <Flex direction=\"column\" gap=\"xs\" p=\"sm\">\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Notes\n </Text>\n <Text size=\"sm\">{u.notes}</Text>\n </Flex>\n ),\n }\n : undefined\n }\n drawer={\n props.withDrawer\n ? (u) => (\n <Flex direction=\"column\" gap=\"md\">\n <Text size=\"lg\" fw={600}>\n {u.name}\n </Text>\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Flex direction=\"column\" gap=\"xs\">\n <Flex gap=\"xs\">\n <Text size=\"sm\" c=\"dimmed\" w={60}>\n Email\n </Text>\n <Text size=\"sm\">{u.email}</Text>\n </Flex>\n <Flex gap=\"xs\">\n <Text size=\"sm\" c=\"dimmed\" w={60}>\n Role\n </Text>\n <Badge\n size=\"sm\"\n color={\n u.role === \"admin\"\n ? \"blue\"\n : u.role === \"user\"\n ? \"green\"\n : \"gray\"\n }\n >\n {u.role}\n </Badge>\n </Flex>\n <Flex gap=\"xs\">\n <Text size=\"sm\" c=\"dimmed\" w={60}>\n Status\n </Text>\n <Badge\n size=\"sm\"\n color={u.status === \"active\" ? \"green\" : \"red\"}\n variant=\"light\"\n >\n {u.status}\n </Badge>\n </Flex>\n </Flex>\n </Paper>\n {u.notes && (\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Notes\n </Text>\n <Text size=\"sm\">{u.notes}</Text>\n </Paper>\n )}\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Raw Data\n </Text>\n <Code block>{JSON.stringify(u, null, 2)}</Code>\n </Paper>\n </Flex>\n )\n : undefined\n }\n tableProps={{\n highlightOnHover: true,\n }}\n />\n )}\n </Showcase>\n );\n};\n\nexport default DemoDataTable;\n"],"mappings":";;;;;;;;AAoBA,MAAM,cAAsB;CAC1B;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;EACR,OAAO;EACR;CACD;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;EACT;CACD;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;EACR,OAAO;EACR;CACD;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;EACT;CACD;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;EACR,OAAO;EACR;CACD;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;EACT;CACD;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;EACR,OAAO;EACR;CACD;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,MAAM;EACN,QAAQ;EACT;CACF;AAED,MAAM,UAAU,EAAE,OAAO;CACvB,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,UAAU,CAAC,CAAC;CAC/C,MAAM,EAAE,SAAS,EAAE,KAAK;EAAC;EAAS;EAAQ;EAAQ,EAAE,EAAE,OAAO,QAAQ,CAAC,CAAC;CACvE,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,UAAU,WAAW,EAAE,EAAE,OAAO,UAAU,CAAC,CAAC;CACxE,CAAC;AAEF,MAAM,iBAAiB,EAAE,OAAO;CAC9B,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,YAAY,EAAE,QAAQ;EACpB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,WAAW,EAAE,QAAQ;EACnB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,YAAY,EAAE,QAAQ;EACpB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,aAAa,EAAE,QAAQ;EACrB,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,sBAAsB;AAC1B,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,cAAc;GACd,YAAY;GACZ,WAAW;GACX,YAAY;GACZ,aAAa;GACd;EACD,SAAS;aAEP,UACA,oBAAC;GAEU;GACT,gBAAgB,CAAC,UAAU,OAAO;GAClC;GACA,aAAa,MAAM;GACnB,cAAc,MAAM;GACpB,YAAY,MAAM;GAClB,aAAa,MAAM,OAAO,EAAE,GAAG;GAC/B,iBAAiB,KAAK,QAAQ,SAAS;AACrC,QAAI,QAAQ,UAAU,QAAQ,SAC5B,QAAO,KAAK,QAAQ;;GAGxB,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,OAAO,OAAO,WAAW;IACvB,IAAI,WAAW,CAAC,GAAG,YAAY;AAC/B,QAAI,OAAO,QAAQ;KACjB,MAAM,IAAI,OAAO,OAAO,aAAa;AACrC,gBAAW,SAAS,QACjB,MACC,EAAE,KAAK,aAAa,CAAC,SAAS,EAAE,IAChC,EAAE,MAAM,aAAa,CAAC,SAAS,EAAE,CACpC;;AAEH,QAAI,OAAO,KACT,YAAW,SAAS,QAAQ,MAAM,EAAE,SAAS,OAAO,KAAK;AAE3D,QAAI,OAAO,OACT,YAAW,SAAS,QAAQ,MAAM,EAAE,WAAW,OAAO,OAAO;IAE/D,MAAM,QAAQ,OAAO,OAAO,OAAO;AAEnC,WAAO;KACL,SAFc,SAAS,MAAM,OAAO,QAAQ,OAAO,KAAK;KAGxD,MAAM;MACJ,eAAe,SAAS;MACxB,YAAY,KAAK,KAAK,SAAS,SAAS,OAAO,KAAK;MACrD;KACF;;GAEH,SAAS,CACP;IACE,SAAS;IACT,MAAM;IACN,SAAS;IACT,MAAM;IACN,eAAe,MAAM,mBAAmB;IACzC,CACF;GACD,iBAAiB,CACf;IACE,OAAO;IACP,MAAM,oBAAC,gBAAa,MAAM,KAAM;IAChC,QAAQ;IACR,UAAU,EAAE,eAAe,qBAAqB;AAC9C,WAAM,aAAa,cAAc,OAAO,QAAQ;AAChD,qBAAgB;;IAEnB,EACD;IACE,OAAO;IACP,MAAM,oBAAC,aAAU,MAAM,KAAM;IAC7B,QAAQ;IACR,UAAU,EAAE,eAAe,qBAAqB;AAC9C,WAAM,YAAY,cAAc,OAAO,QAAQ;AAC/C,qBAAgB;;IAEnB,CACF;GACD,SAAS;IACP,IAAI;KACF,OAAO;KACP,QAAQ,MAAM,oBAACA;MAAK,MAAK;gBAAM,EAAE;OAAU;KAC3C,UAAU;KACV,KAAK;KACN;IACD,MAAM;KACJ,OAAO;KACP,QAAQ,MACN,oBAACA;MAAK,MAAK;MAAK,IAAI;gBACjB,EAAE;OACE;KAET,UAAU;KACX;IACD,OAAO;KACL,OAAO;KACP,QAAQ,MACN,oBAACA;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE;OACE;KAEV;IACD,MAAM;KACJ,OAAO;KACP,QAAQ,MACN,oBAAC;MACC,MAAK;MACL,OACE,EAAE,SAAS,UACP,SACA,EAAE,SAAS,SACT,UACA;gBAGP,EAAE;OACG;KAEX;IACD,QAAQ;KACN,OAAO;KACP,QAAQ,MACN,oBAAC;MACC,MAAK;MACL,OAAO,EAAE,WAAW,WAAW,UAAU;MACzC,SAAQ;gBAEP,EAAE;OACG;KAEX;IACD,OAAO;KACL,OAAO;KACP,eAAe;KACf,QAAQ,MACN,oBAACA;MAAK,MAAK;MAAK,GAAE;MAAS,WAAW;gBACnC,EAAE,SAAS;OACP;KAEV;IACF;GACD,aAAa,MAAM,CACjB;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,eAAe,MAAM,QAAQ,EAAE,OAAO;IACvC,EACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,eAAe,MAAM,UAAU,EAAE,OAAO;IACxC,SAAS,EAAE,SAAS;IACrB,CACF;GACD,OACE,MAAM,YACF;IACE,MAAM,MAAM,QAAQ,EAAE,MAAM;IAC5B,SAAS,MACP,qBAAC;KAAK,WAAU;KAAS,KAAI;KAAK,GAAE;gBAClC,oBAACA;MAAK,MAAK;MAAK,GAAE;MAAS,IAAG;MAAY,IAAI;gBAAK;OAE5C,EACP,oBAACA;MAAK,MAAK;gBAAM,EAAE;OAAa;MAC3B;IAEV,GACD;GAEN,QACE,MAAM,cACD,MACC,qBAAC;IAAK,WAAU;IAAS,KAAI;;KAC3B,oBAACA;MAAK,MAAK;MAAK,IAAI;gBACjB,EAAE;OACE;KACP,oBAAC;MAAM,GAAE;MAAK,QAAO;MAAK;gBACxB,qBAAC;OAAK,WAAU;OAAS,KAAI;;QAC3B,qBAAC;SAAK,KAAI;oBACR,oBAACA;UAAK,MAAK;UAAK,GAAE;UAAS,GAAG;oBAAI;WAE3B,EACP,oBAACA;UAAK,MAAK;oBAAM,EAAE;WAAa;UAC3B;QACP,qBAAC;SAAK,KAAI;oBACR,oBAACA;UAAK,MAAK;UAAK,GAAE;UAAS,GAAG;oBAAI;WAE3B,EACP,oBAAC;UACC,MAAK;UACL,OACE,EAAE,SAAS,UACP,SACA,EAAE,SAAS,SACT,UACA;oBAGP,EAAE;WACG;UACH;QACP,qBAAC;SAAK,KAAI;oBACR,oBAACA;UAAK,MAAK;UAAK,GAAE;UAAS,GAAG;oBAAI;WAE3B,EACP,oBAAC;UACC,MAAK;UACL,OAAO,EAAE,WAAW,WAAW,UAAU;UACzC,SAAQ;oBAEP,EAAE;WACG;UACH;;QACF;OACD;KACP,EAAE,SACD,qBAAC;MAAM,GAAE;MAAK,QAAO;MAAK;iBACxB,oBAACA;OAAK,MAAK;OAAK,IAAI;OAAK,IAAG;iBAAK;QAE1B,EACP,oBAACA;OAAK,MAAK;iBAAM,EAAE;QAAa;OAC1B;KAEV,qBAAC;MAAM,GAAE;MAAK,QAAO;MAAK;iBACxB,oBAACA;OAAK,MAAK;OAAK,IAAI;OAAK,IAAG;iBAAK;QAE1B,EACP,oBAAC;OAAK;iBAAO,KAAK,UAAU,GAAG,MAAM,EAAE;QAAQ;OACzC;;KACH,GAET;GAEN,YAAY,EACV,kBAAkB,MACnB;KAvOI,KAAK,UAAU,MAAM,CAwO1B;GAEK"}
@@ -1,4 +1,4 @@
1
- import { a as useDialog, c as Text, h as ActionButton, p as Flex } from "./core-RCUw1Q-a.js";
1
+ import { f as Flex, h as ActionButton, m as useDialog, s as Text } from "./core-B7LNjM78.js";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { IconAlertCircle, IconMessage, IconQuestionMark } from "@tabler/icons-react";
4
4
 
@@ -98,4 +98,4 @@ const DemoDialog = () => {
98
98
 
99
99
  //#endregion
100
100
  export { DemoDialog as default };
101
- //# sourceMappingURL=DemoDialog-4ItHLf9t.js.map
101
+ //# sourceMappingURL=DemoDialog-DW8QEvD1.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DemoDialog-4ItHLf9t.js","names":[],"sources":["../../src/demo/components/layout/DemoDialog.tsx"],"sourcesContent":["import { ActionButton, Flex, Text, useDialog } from \"@alepha/ui\";\nimport {\n IconAlertCircle,\n IconMessage,\n IconQuestionMark,\n} from \"@tabler/icons-react\";\n\nconst DemoDialog = () => {\n const dialog = useDialog();\n\n return (\n <Flex col gap=\"xl\" p=\"xl\">\n <Text bold size=\"lg\">\n Dialog Service\n </Text>\n <Text muted small>\n Programmatic dialogs via the DialogService. No need to mount modal\n components — just call the service.\n </Text>\n\n <Flex gap=\"md\" wrap=\"wrap\">\n <ActionButton\n icon={IconAlertCircle}\n variant=\"light\"\n onClick={() =>\n dialog.alert({\n title: \"Heads up\",\n message: \"This is an informational alert dialog.\",\n })\n }\n >\n Alert\n </ActionButton>\n\n <ActionButton\n icon={IconQuestionMark}\n variant=\"light\"\n intent=\"warning\"\n onClick={async () => {\n const ok = await dialog.confirm({\n title: \"Confirm action\",\n message: \"Are you sure you want to proceed?\",\n });\n if (ok) {\n dialog.alert({\n title: \"Confirmed\",\n message: \"You confirmed the action.\",\n });\n }\n }}\n >\n Confirm\n </ActionButton>\n\n <ActionButton\n icon={IconMessage}\n variant=\"light\"\n intent=\"primary\"\n onClick={async () => {\n const value = await dialog.prompt({\n title: \"Enter a value\",\n message: \"What is your name?\",\n placeholder: \"John Doe\",\n });\n if (value) {\n dialog.alert({\n title: \"Hello\",\n message: `Nice to meet you, ${value}!`,\n });\n }\n }}\n >\n Prompt\n </ActionButton>\n </Flex>\n\n <Flex col gap=\"md\">\n <Text bold small uppercase muted>\n Variants\n </Text>\n <Flex gap=\"md\" wrap=\"wrap\">\n <ActionButton\n variant=\"light\"\n intent=\"danger\"\n onClick={() =>\n dialog.confirm({\n title: \"Delete item\",\n message:\n \"This action cannot be undone. Are you sure you want to delete this item?\",\n confirmColor: \"red\",\n confirmLabel: \"Delete\",\n })\n }\n >\n Danger Confirm\n </ActionButton>\n </Flex>\n </Flex>\n </Flex>\n );\n};\n\nexport default DemoDialog;\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAAW;AAE1B,QACE,qBAAC;EAAK;EAAI,KAAI;EAAK,GAAE;;GACnB,oBAAC;IAAK;IAAK,MAAK;cAAK;KAEd;GACP,oBAAC;IAAK;IAAM;cAAM;KAGX;GAEP,qBAAC;IAAK,KAAI;IAAK,MAAK;;KAClB,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,eACE,OAAO,MAAM;OACX,OAAO;OACP,SAAS;OACV,CAAC;gBAEL;OAEc;KAEf,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,QAAO;MACP,SAAS,YAAY;AAKnB,WAJW,MAAM,OAAO,QAAQ;QAC9B,OAAO;QACP,SAAS;QACV,CAAC,CAEA,QAAO,MAAM;QACX,OAAO;QACP,SAAS;QACV,CAAC;;gBAGP;OAEc;KAEf,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,QAAO;MACP,SAAS,YAAY;OACnB,MAAM,QAAQ,MAAM,OAAO,OAAO;QAChC,OAAO;QACP,SAAS;QACT,aAAa;QACd,CAAC;AACF,WAAI,MACF,QAAO,MAAM;QACX,OAAO;QACP,SAAS,qBAAqB,MAAM;QACrC,CAAC;;gBAGP;OAEc;;KACV;GAEP,qBAAC;IAAK;IAAI,KAAI;eACZ,oBAAC;KAAK;KAAK;KAAM;KAAU;eAAM;MAE1B,EACP,oBAAC;KAAK,KAAI;KAAK,MAAK;eAClB,oBAAC;MACC,SAAQ;MACR,QAAO;MACP,eACE,OAAO,QAAQ;OACb,OAAO;OACP,SACE;OACF,cAAc;OACd,cAAc;OACf,CAAC;gBAEL;OAEc;MACV;KACF;;GACF"}
1
+ {"version":3,"file":"DemoDialog-DW8QEvD1.js","names":[],"sources":["../../src/demo/components/layout/DemoDialog.tsx"],"sourcesContent":["import { ActionButton, Flex, Text, useDialog } from \"@alepha/ui\";\nimport {\n IconAlertCircle,\n IconMessage,\n IconQuestionMark,\n} from \"@tabler/icons-react\";\n\nconst DemoDialog = () => {\n const dialog = useDialog();\n\n return (\n <Flex col gap=\"xl\" p=\"xl\">\n <Text bold size=\"lg\">\n Dialog Service\n </Text>\n <Text muted small>\n Programmatic dialogs via the DialogService. No need to mount modal\n components — just call the service.\n </Text>\n\n <Flex gap=\"md\" wrap=\"wrap\">\n <ActionButton\n icon={IconAlertCircle}\n variant=\"light\"\n onClick={() =>\n dialog.alert({\n title: \"Heads up\",\n message: \"This is an informational alert dialog.\",\n })\n }\n >\n Alert\n </ActionButton>\n\n <ActionButton\n icon={IconQuestionMark}\n variant=\"light\"\n intent=\"warning\"\n onClick={async () => {\n const ok = await dialog.confirm({\n title: \"Confirm action\",\n message: \"Are you sure you want to proceed?\",\n });\n if (ok) {\n dialog.alert({\n title: \"Confirmed\",\n message: \"You confirmed the action.\",\n });\n }\n }}\n >\n Confirm\n </ActionButton>\n\n <ActionButton\n icon={IconMessage}\n variant=\"light\"\n intent=\"primary\"\n onClick={async () => {\n const value = await dialog.prompt({\n title: \"Enter a value\",\n message: \"What is your name?\",\n placeholder: \"John Doe\",\n });\n if (value) {\n dialog.alert({\n title: \"Hello\",\n message: `Nice to meet you, ${value}!`,\n });\n }\n }}\n >\n Prompt\n </ActionButton>\n </Flex>\n\n <Flex col gap=\"md\">\n <Text bold small uppercase muted>\n Variants\n </Text>\n <Flex gap=\"md\" wrap=\"wrap\">\n <ActionButton\n variant=\"light\"\n intent=\"danger\"\n onClick={() =>\n dialog.confirm({\n title: \"Delete item\",\n message:\n \"This action cannot be undone. Are you sure you want to delete this item?\",\n confirmColor: \"red\",\n confirmLabel: \"Delete\",\n })\n }\n >\n Danger Confirm\n </ActionButton>\n </Flex>\n </Flex>\n </Flex>\n );\n};\n\nexport default DemoDialog;\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAAW;AAE1B,QACE,qBAAC;EAAK;EAAI,KAAI;EAAK,GAAE;;GACnB,oBAAC;IAAK;IAAK,MAAK;cAAK;KAEd;GACP,oBAAC;IAAK;IAAM;cAAM;KAGX;GAEP,qBAAC;IAAK,KAAI;IAAK,MAAK;;KAClB,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,eACE,OAAO,MAAM;OACX,OAAO;OACP,SAAS;OACV,CAAC;gBAEL;OAEc;KAEf,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,QAAO;MACP,SAAS,YAAY;AAKnB,WAJW,MAAM,OAAO,QAAQ;QAC9B,OAAO;QACP,SAAS;QACV,CAAC,CAEA,QAAO,MAAM;QACX,OAAO;QACP,SAAS;QACV,CAAC;;gBAGP;OAEc;KAEf,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,QAAO;MACP,SAAS,YAAY;OACnB,MAAM,QAAQ,MAAM,OAAO,OAAO;QAChC,OAAO;QACP,SAAS;QACT,aAAa;QACd,CAAC;AACF,WAAI,MACF,QAAO,MAAM;QACX,OAAO;QACP,SAAS,qBAAqB,MAAM;QACrC,CAAC;;gBAGP;OAEc;;KACV;GAEP,qBAAC;IAAK;IAAI,KAAI;eACZ,oBAAC;KAAK;KAAK;KAAM;KAAU;eAAM;MAE1B,EACP,oBAAC;KAAK,KAAI;KAAK,MAAK;eAClB,oBAAC;MACC,SAAQ;MACR,QAAO;MACP,eACE,OAAO,QAAQ;OACb,OAAO;OACP,SACE;OACF,cAAc;OACd,cAAc;OACf,CAAC;gBAEL;OAEc;MACV;KACF;;GACF"}
@@ -1,5 +1,5 @@
1
- import { c as Text, p as Flex } from "./core-RCUw1Q-a.js";
2
- import { t as Showcase } from "./Showcase-Dq3MISpd.js";
1
+ import { f as Flex, s as Text } from "./core-B7LNjM78.js";
2
+ import { t as Showcase } from "./Showcase-BtEU0pY9.js";
3
3
  import { t } from "alepha";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
 
@@ -102,4 +102,4 @@ const DemoFlex = () => {
102
102
 
103
103
  //#endregion
104
104
  export { DemoFlex as default };
105
- //# sourceMappingURL=DemoFlex-EtVq8QfX.js.map
105
+ //# sourceMappingURL=DemoFlex-CAhLUanT.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DemoFlex-EtVq8QfX.js","names":[],"sources":["../../src/demo/components/core/DemoFlex.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n fill: t.boolean({\n title: \"fill\",\n default: false,\n $control: { switch: true },\n }),\n col: t.boolean({\n title: \"col\",\n default: false,\n $control: { switch: true },\n }),\n center: t.boolean({\n title: \"center\",\n default: false,\n $control: { switch: true },\n }),\n centerX: t.boolean({\n title: \"centerX\",\n default: false,\n $control: { switch: true },\n }),\n centerY: t.boolean({\n title: \"centerY\",\n default: false,\n $control: { switch: true },\n }),\n gap: t.enum([\"0\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n title: \"gap\",\n default: \"md\",\n }),\n wrap: t.enum([\"nowrap\", \"wrap\"], {\n title: \"wrap\",\n default: \"nowrap\",\n }),\n});\n\nconst Item = ({ label }: { label: string }) => (\n <Flex\n center\n style={{\n background: \"var(--mantine-primary-color-light)\",\n border: \"1px solid var(--mantine-primary-color-light-hover)\",\n borderRadius: 6,\n padding: \"8px 16px\",\n minWidth: 60,\n minHeight: 40,\n }}\n >\n <Text size=\"sm\" fw={500}>\n {label}\n </Text>\n </Flex>\n);\n\nconst DemoFlex = () => {\n return (\n <Showcase\n title=\"Flex\"\n schema={showcaseSchema}\n initialValues={{\n fill: false,\n col: false,\n center: false,\n centerX: false,\n centerY: false,\n gap: \"md\",\n wrap: \"nowrap\",\n }}\n columns={1}\n windowProps={{}}\n >\n {(props) => (\n <Flex\n fill={props.fill}\n col={props.col}\n center={props.center}\n centerX={props.centerX}\n centerY={props.centerY}\n gap={props.gap === \"0\" ? 0 : props.gap}\n wrap={props.wrap}\n style={{\n minHeight: 200,\n border: \"1px dashed var(--mantine-color-default-border)\",\n borderRadius: 8,\n padding: 16,\n }}\n >\n <Item label=\"A\" />\n <Item label=\"B\" />\n <Item label=\"C\" />\n </Flex>\n )}\n </Showcase>\n );\n};\n\nexport default DemoFlex;\n"],"mappings":";;;;;;AAIA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,MAAM,EAAE,QAAQ;EACd,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,KAAK,EAAE,QAAQ;EACb,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,QAAQ;EAChB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,KAAK,EAAE,KAAK;EAAC;EAAK;EAAM;EAAM;EAAM;EAAM;EAAK,EAAE;EAC/C,OAAO;EACP,SAAS;EACV,CAAC;CACF,MAAM,EAAE,KAAK,CAAC,UAAU,OAAO,EAAE;EAC/B,OAAO;EACP,SAAS;EACV,CAAC;CACH,CAAC;AAEF,MAAM,QAAQ,EAAE,YACd,oBAAC;CACC;CACA,OAAO;EACL,YAAY;EACZ,QAAQ;EACR,cAAc;EACd,SAAS;EACT,UAAU;EACV,WAAW;EACZ;WAED,oBAAC;EAAK,MAAK;EAAK,IAAI;YACjB;GACI;EACF;AAGT,MAAM,iBAAiB;AACrB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,MAAM;GACN,KAAK;GACL,QAAQ;GACR,SAAS;GACT,SAAS;GACT,KAAK;GACL,MAAM;GACP;EACD,SAAS;EACT,aAAa,EAAE;aAEb,UACA,qBAAC;GACC,MAAM,MAAM;GACZ,KAAK,MAAM;GACX,QAAQ,MAAM;GACd,SAAS,MAAM;GACf,SAAS,MAAM;GACf,KAAK,MAAM,QAAQ,MAAM,IAAI,MAAM;GACnC,MAAM,MAAM;GACZ,OAAO;IACL,WAAW;IACX,QAAQ;IACR,cAAc;IACd,SAAS;IACV;;IAED,oBAAC,QAAK,OAAM,MAAM;IAClB,oBAAC,QAAK,OAAM,MAAM;IAClB,oBAAC,QAAK,OAAM,MAAM;;IACb;GAEA"}
1
+ {"version":3,"file":"DemoFlex-CAhLUanT.js","names":[],"sources":["../../src/demo/components/core/DemoFlex.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n fill: t.boolean({\n title: \"fill\",\n default: false,\n $control: { switch: true },\n }),\n col: t.boolean({\n title: \"col\",\n default: false,\n $control: { switch: true },\n }),\n center: t.boolean({\n title: \"center\",\n default: false,\n $control: { switch: true },\n }),\n centerX: t.boolean({\n title: \"centerX\",\n default: false,\n $control: { switch: true },\n }),\n centerY: t.boolean({\n title: \"centerY\",\n default: false,\n $control: { switch: true },\n }),\n gap: t.enum([\"0\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n title: \"gap\",\n default: \"md\",\n }),\n wrap: t.enum([\"nowrap\", \"wrap\"], {\n title: \"wrap\",\n default: \"nowrap\",\n }),\n});\n\nconst Item = ({ label }: { label: string }) => (\n <Flex\n center\n style={{\n background: \"var(--mantine-primary-color-light)\",\n border: \"1px solid var(--mantine-primary-color-light-hover)\",\n borderRadius: 6,\n padding: \"8px 16px\",\n minWidth: 60,\n minHeight: 40,\n }}\n >\n <Text size=\"sm\" fw={500}>\n {label}\n </Text>\n </Flex>\n);\n\nconst DemoFlex = () => {\n return (\n <Showcase\n title=\"Flex\"\n schema={showcaseSchema}\n initialValues={{\n fill: false,\n col: false,\n center: false,\n centerX: false,\n centerY: false,\n gap: \"md\",\n wrap: \"nowrap\",\n }}\n columns={1}\n windowProps={{}}\n >\n {(props) => (\n <Flex\n fill={props.fill}\n col={props.col}\n center={props.center}\n centerX={props.centerX}\n centerY={props.centerY}\n gap={props.gap === \"0\" ? 0 : props.gap}\n wrap={props.wrap}\n style={{\n minHeight: 200,\n border: \"1px dashed var(--mantine-color-default-border)\",\n borderRadius: 8,\n padding: 16,\n }}\n >\n <Item label=\"A\" />\n <Item label=\"B\" />\n <Item label=\"C\" />\n </Flex>\n )}\n </Showcase>\n );\n};\n\nexport default DemoFlex;\n"],"mappings":";;;;;;AAIA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,MAAM,EAAE,QAAQ;EACd,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,KAAK,EAAE,QAAQ;EACb,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,QAAQ;EAChB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,KAAK,EAAE,KAAK;EAAC;EAAK;EAAM;EAAM;EAAM;EAAM;EAAK,EAAE;EAC/C,OAAO;EACP,SAAS;EACV,CAAC;CACF,MAAM,EAAE,KAAK,CAAC,UAAU,OAAO,EAAE;EAC/B,OAAO;EACP,SAAS;EACV,CAAC;CACH,CAAC;AAEF,MAAM,QAAQ,EAAE,YACd,oBAAC;CACC;CACA,OAAO;EACL,YAAY;EACZ,QAAQ;EACR,cAAc;EACd,SAAS;EACT,UAAU;EACV,WAAW;EACZ;WAED,oBAAC;EAAK,MAAK;EAAK,IAAI;YACjB;GACI;EACF;AAGT,MAAM,iBAAiB;AACrB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,MAAM;GACN,KAAK;GACL,QAAQ;GACR,SAAS;GACT,SAAS;GACT,KAAK;GACL,MAAM;GACP;EACD,SAAS;EACT,aAAa,EAAE;aAEb,UACA,qBAAC;GACC,MAAM,MAAM;GACZ,KAAK,MAAM;GACX,QAAQ,MAAM;GACd,SAAS,MAAM;GACf,SAAS,MAAM;GACf,KAAK,MAAM,QAAQ,MAAM,IAAI,MAAM;GACnC,MAAM,MAAM;GACZ,OAAO;IACL,WAAW;IACX,QAAQ;IACR,cAAc;IACd,SAAS;IACV;;IAED,oBAAC,QAAK,OAAM,MAAM;IAClB,oBAAC,QAAK,OAAM,MAAM;IAClB,oBAAC,QAAK,OAAM,MAAM;;IACb;GAEA"}
@@ -1,5 +1,5 @@
1
- import { f as Heading } from "./core-RCUw1Q-a.js";
2
- import { t as Showcase } from "./Showcase-Dq3MISpd.js";
1
+ import { d as Heading } from "./core-B7LNjM78.js";
2
+ import { t as Showcase } from "./Showcase-BtEU0pY9.js";
3
3
  import { t } from "alepha";
4
4
  import { jsx } from "react/jsx-runtime";
5
5
 
@@ -15,4 +15,4 @@ const DemoHeading = () => {
15
15
 
16
16
  //#endregion
17
17
  export { DemoHeading as default };
18
- //# sourceMappingURL=DemoHeading-BS-vGfkI.js.map
18
+ //# sourceMappingURL=DemoHeading-yIFmNjHB.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DemoHeading-BS-vGfkI.js","names":[],"sources":["../../src/demo/components/core/DemoHeading.tsx"],"sourcesContent":["import { Heading } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst DemoHeading = () => {\n return (\n <Showcase title=\"Flex\" schema={t.object({})} initialValues={{}}>\n {(props) => <Heading title={\"Hello!\"} />}\n </Showcase>\n );\n};\n\nexport default DemoHeading;\n"],"mappings":";;;;;;AAIA,MAAM,oBAAoB;AACxB,QACE,oBAAC;EAAS,OAAM;EAAO,QAAQ,EAAE,OAAO,EAAE,CAAC;EAAE,eAAe,EAAE;aAC1D,UAAU,oBAAC,WAAQ,OAAO,WAAY;GAC/B"}
1
+ {"version":3,"file":"DemoHeading-yIFmNjHB.js","names":[],"sources":["../../src/demo/components/core/DemoHeading.tsx"],"sourcesContent":["import { Heading } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst DemoHeading = () => {\n return (\n <Showcase title=\"Flex\" schema={t.object({})} initialValues={{}}>\n {(props) => <Heading title={\"Hello!\"} />}\n </Showcase>\n );\n};\n\nexport default DemoHeading;\n"],"mappings":";;;;;;AAIA,MAAM,oBAAoB;AACxB,QACE,oBAAC;EAAS,OAAM;EAAO,QAAQ,EAAE,OAAO,EAAE,CAAC;EAAE,eAAe,EAAE;aAC1D,UAAU,oBAAC,WAAQ,OAAO,WAAY;GAC/B"}
@@ -1,4 +1,4 @@
1
- import { c as Text, p as Flex } from "./core-RCUw1Q-a.js";
1
+ import { f as Flex, s as Text } from "./core-B7LNjM78.js";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { IconBraces } from "@tabler/icons-react";
4
4
 
@@ -19,4 +19,4 @@ const DemoHome = () => {
19
19
 
20
20
  //#endregion
21
21
  export { DemoHome as default };
22
- //# sourceMappingURL=DemoHome-Clbn8AmS.js.map
22
+ //# sourceMappingURL=DemoHome-BSGuBHus.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DemoHome-Clbn8AmS.js","names":[],"sources":["../../src/demo/components/DemoHome.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { IconBraces } from \"@tabler/icons-react\";\n\nconst components = [\n {\n name: \"JsonViewer\",\n description:\n \"Interactive JSON viewer with syntax highlighting, expand/collapse, and copy functionality.\",\n icon: IconBraces,\n href: \"/demo/json-viewer\",\n },\n];\n\nconst DemoHome = () => {\n return (\n <Flex p={\"lg\"} col>\n <Text title>Component Showcase</Text>\n <Text c=\"dimmed\">\n Interactive demos and documentation for @alepha/ui components.\n </Text>\n </Flex>\n );\n};\n\nexport default DemoHome;\n"],"mappings":";;;;;AAaA,MAAM,iBAAiB;AACrB,QACE,qBAAC;EAAK,GAAG;EAAM;aACb,oBAAC;GAAK;aAAM;IAAyB,EACrC,oBAAC;GAAK,GAAE;aAAS;IAEV;GACF"}
1
+ {"version":3,"file":"DemoHome-BSGuBHus.js","names":[],"sources":["../../src/demo/components/DemoHome.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { IconBraces } from \"@tabler/icons-react\";\n\nconst components = [\n {\n name: \"JsonViewer\",\n description:\n \"Interactive JSON viewer with syntax highlighting, expand/collapse, and copy functionality.\",\n icon: IconBraces,\n href: \"/demo/json-viewer\",\n },\n];\n\nconst DemoHome = () => {\n return (\n <Flex p={\"lg\"} col>\n <Text title>Component Showcase</Text>\n <Text c=\"dimmed\">\n Interactive demos and documentation for @alepha/ui components.\n </Text>\n </Flex>\n );\n};\n\nexport default DemoHome;\n"],"mappings":";;;;;AAaA,MAAM,iBAAiB;AACrB,QACE,qBAAC;EAAK,GAAG;EAAM;aACb,oBAAC;GAAK;aAAM;IAAyB,EACrC,oBAAC;GAAK,GAAE;aAAS;IAEV;GACF"}
@@ -1,5 +1,5 @@
1
- import { i as JsonViewer } from "./core-RCUw1Q-a.js";
2
- import { t as Showcase } from "./Showcase-Dq3MISpd.js";
1
+ import { i as JsonViewer } from "./core-B7LNjM78.js";
2
+ import { t as Showcase } from "./Showcase-BtEU0pY9.js";
3
3
  import { t } from "alepha";
4
4
  import { useI18n } from "alepha/react/i18n";
5
5
  import { jsx } from "react/jsx-runtime";
@@ -106,4 +106,4 @@ const DemoJsonViewer = () => {
106
106
 
107
107
  //#endregion
108
108
  export { DemoJsonViewer as default };
109
- //# sourceMappingURL=DemoJsonViewer-DkIX_ky2.js.map
109
+ //# sourceMappingURL=DemoJsonViewer-DsA2IpgV.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DemoJsonViewer-DkIX_ky2.js","names":[],"sources":["../../src/demo/components/json/DemoJsonViewer.tsx"],"sourcesContent":["import { JsonViewer } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst sampleData = {\n name: \"Sample Project\",\n createdAt: \"2024-01-15T10:30:00.000Z\",\n updatedAt: \"2024-06-20T14:45:30.000Z\",\n count: 42,\n price: 99.99,\n isActive: true,\n nullValue: null,\n tags: [\"typescript\", \"react\", \"json\"],\n nested: {\n level1: {\n level2: {\n deepValue: \"Found me!\",\n },\n },\n },\n users: [\n { id: 1, name: \"Alice\", role: \"admin\" },\n { id: 2, name: \"Bob\", role: \"user\" },\n ],\n emptyArray: [],\n emptyObject: {},\n longText:\n \"This is a very long text that should be truncated when it exceeds the maximum string length configured in the viewer options.\",\n};\n\nconst $control = {\n switch: true,\n slider: true,\n segmented: true,\n};\n\nconst jsonViewerSchema = t.object({\n showQuotes: t.boolean({\n title: \"Show Quotes\",\n default: false,\n $control: {\n switch: true,\n },\n }),\n showCopyButton: t.boolean({\n title: \"Show Copy Button\",\n default: true,\n $control: {\n switch: true,\n },\n }),\n useFormatValue: t.boolean({\n title: \"Format Dates\",\n default: true,\n $control: {\n switch: true,\n },\n }),\n defaultExpandedDepth: t.integer({\n title: \"Expand Depth\",\n default: 2,\n minimum: 0,\n maximum: 10,\n $control: { slider: true },\n }),\n maxDepth: t.integer({\n title: \"Max Depth\",\n default: 10,\n minimum: 1,\n maximum: 20,\n $control: { slider: true },\n }),\n size: t.enum([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n title: \"Size\",\n default: \"sm\",\n $control: {\n segmented: true,\n },\n }),\n});\n\nconst DemoJsonViewer = () => {\n const i18n = useI18n();\n const formatValue = (\n key: string | undefined,\n value: any,\n ): string | number | undefined => {\n if (key === \"createdAt\") {\n return i18n.l(value, { date: \"LLL\" });\n }\n if (key === \"updatedAt\") {\n return i18n.l(value, { date: \"fromNow\" });\n }\n return undefined;\n };\n\n return (\n <Showcase\n title=\"JsonViewer\"\n schema={jsonViewerSchema}\n initialValues={{\n showQuotes: false,\n showCopyButton: true,\n useFormatValue: true,\n defaultExpandedDepth: 2,\n maxDepth: 10,\n size: \"sm\",\n }}\n columns={1}\n >\n {(props) => (\n <JsonViewer\n key={props.defaultExpandedDepth}\n data={sampleData}\n defaultExpandedDepth={props.defaultExpandedDepth}\n showQuotes={props.showQuotes}\n showCopyButton={props.showCopyButton}\n formatValue={props.useFormatValue ? formatValue : undefined}\n maxDepth={props.maxDepth}\n size={props.size}\n />\n )}\n </Showcase>\n );\n};\n\nexport default DemoJsonViewer;\n"],"mappings":";;;;;;;AAKA,MAAM,aAAa;CACjB,MAAM;CACN,WAAW;CACX,WAAW;CACX,OAAO;CACP,OAAO;CACP,UAAU;CACV,WAAW;CACX,MAAM;EAAC;EAAc;EAAS;EAAO;CACrC,QAAQ,EACN,QAAQ,EACN,QAAQ,EACN,WAAW,aACZ,EACF,EACF;CACD,OAAO,CACL;EAAE,IAAI;EAAG,MAAM;EAAS,MAAM;EAAS,EACvC;EAAE,IAAI;EAAG,MAAM;EAAO,MAAM;EAAQ,CACrC;CACD,YAAY,EAAE;CACd,aAAa,EAAE;CACf,UACE;CACH;AAQD,MAAM,mBAAmB,EAAE,OAAO;CAChC,YAAY,EAAE,QAAQ;EACpB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,gBAAgB,EAAE,QAAQ;EACxB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,gBAAgB,EAAE,QAAQ;EACxB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,UAAU,EAAE,QAAQ;EAClB,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,MAAM,EAAE,KAAK;EAAC;EAAM;EAAM;EAAM;EAAM;EAAK,EAAE;EAC3C,OAAO;EACP,SAAS;EACT,UAAU,EACR,WAAW,MACZ;EACF,CAAC;CACH,CAAC;AAEF,MAAM,uBAAuB;CAC3B,MAAM,OAAO,SAAS;CACtB,MAAM,eACJ,KACA,UACgC;AAChC,MAAI,QAAQ,YACV,QAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAI,QAAQ,YACV,QAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;;AAK7C,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,YAAY;GACZ,gBAAgB;GAChB,gBAAgB;GAChB,sBAAsB;GACtB,UAAU;GACV,MAAM;GACP;EACD,SAAS;aAEP,UACA,oBAAC;GAEC,MAAM;GACN,sBAAsB,MAAM;GAC5B,YAAY,MAAM;GAClB,gBAAgB,MAAM;GACtB,aAAa,MAAM,iBAAiB,cAAc;GAClD,UAAU,MAAM;GAChB,MAAM,MAAM;KAPP,MAAM,qBAQX;GAEK"}
1
+ {"version":3,"file":"DemoJsonViewer-DsA2IpgV.js","names":[],"sources":["../../src/demo/components/json/DemoJsonViewer.tsx"],"sourcesContent":["import { JsonViewer } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst sampleData = {\n name: \"Sample Project\",\n createdAt: \"2024-01-15T10:30:00.000Z\",\n updatedAt: \"2024-06-20T14:45:30.000Z\",\n count: 42,\n price: 99.99,\n isActive: true,\n nullValue: null,\n tags: [\"typescript\", \"react\", \"json\"],\n nested: {\n level1: {\n level2: {\n deepValue: \"Found me!\",\n },\n },\n },\n users: [\n { id: 1, name: \"Alice\", role: \"admin\" },\n { id: 2, name: \"Bob\", role: \"user\" },\n ],\n emptyArray: [],\n emptyObject: {},\n longText:\n \"This is a very long text that should be truncated when it exceeds the maximum string length configured in the viewer options.\",\n};\n\nconst $control = {\n switch: true,\n slider: true,\n segmented: true,\n};\n\nconst jsonViewerSchema = t.object({\n showQuotes: t.boolean({\n title: \"Show Quotes\",\n default: false,\n $control: {\n switch: true,\n },\n }),\n showCopyButton: t.boolean({\n title: \"Show Copy Button\",\n default: true,\n $control: {\n switch: true,\n },\n }),\n useFormatValue: t.boolean({\n title: \"Format Dates\",\n default: true,\n $control: {\n switch: true,\n },\n }),\n defaultExpandedDepth: t.integer({\n title: \"Expand Depth\",\n default: 2,\n minimum: 0,\n maximum: 10,\n $control: { slider: true },\n }),\n maxDepth: t.integer({\n title: \"Max Depth\",\n default: 10,\n minimum: 1,\n maximum: 20,\n $control: { slider: true },\n }),\n size: t.enum([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n title: \"Size\",\n default: \"sm\",\n $control: {\n segmented: true,\n },\n }),\n});\n\nconst DemoJsonViewer = () => {\n const i18n = useI18n();\n const formatValue = (\n key: string | undefined,\n value: any,\n ): string | number | undefined => {\n if (key === \"createdAt\") {\n return i18n.l(value, { date: \"LLL\" });\n }\n if (key === \"updatedAt\") {\n return i18n.l(value, { date: \"fromNow\" });\n }\n return undefined;\n };\n\n return (\n <Showcase\n title=\"JsonViewer\"\n schema={jsonViewerSchema}\n initialValues={{\n showQuotes: false,\n showCopyButton: true,\n useFormatValue: true,\n defaultExpandedDepth: 2,\n maxDepth: 10,\n size: \"sm\",\n }}\n columns={1}\n >\n {(props) => (\n <JsonViewer\n key={props.defaultExpandedDepth}\n data={sampleData}\n defaultExpandedDepth={props.defaultExpandedDepth}\n showQuotes={props.showQuotes}\n showCopyButton={props.showCopyButton}\n formatValue={props.useFormatValue ? formatValue : undefined}\n maxDepth={props.maxDepth}\n size={props.size}\n />\n )}\n </Showcase>\n );\n};\n\nexport default DemoJsonViewer;\n"],"mappings":";;;;;;;AAKA,MAAM,aAAa;CACjB,MAAM;CACN,WAAW;CACX,WAAW;CACX,OAAO;CACP,OAAO;CACP,UAAU;CACV,WAAW;CACX,MAAM;EAAC;EAAc;EAAS;EAAO;CACrC,QAAQ,EACN,QAAQ,EACN,QAAQ,EACN,WAAW,aACZ,EACF,EACF;CACD,OAAO,CACL;EAAE,IAAI;EAAG,MAAM;EAAS,MAAM;EAAS,EACvC;EAAE,IAAI;EAAG,MAAM;EAAO,MAAM;EAAQ,CACrC;CACD,YAAY,EAAE;CACd,aAAa,EAAE;CACf,UACE;CACH;AAQD,MAAM,mBAAmB,EAAE,OAAO;CAChC,YAAY,EAAE,QAAQ;EACpB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,gBAAgB,EAAE,QAAQ;EACxB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,gBAAgB,EAAE,QAAQ;EACxB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,UAAU,EAAE,QAAQ;EAClB,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,MAAM,EAAE,KAAK;EAAC;EAAM;EAAM;EAAM;EAAM;EAAK,EAAE;EAC3C,OAAO;EACP,SAAS;EACT,UAAU,EACR,WAAW,MACZ;EACF,CAAC;CACH,CAAC;AAEF,MAAM,uBAAuB;CAC3B,MAAM,OAAO,SAAS;CACtB,MAAM,eACJ,KACA,UACgC;AAChC,MAAI,QAAQ,YACV,QAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAI,QAAQ,YACV,QAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;;AAK7C,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,YAAY;GACZ,gBAAgB;GAChB,gBAAgB;GAChB,sBAAsB;GACtB,UAAU;GACV,MAAM;GACP;EACD,SAAS;aAEP,UACA,oBAAC;GAEC,MAAM;GACN,sBAAsB,MAAM;GAC5B,YAAY,MAAM;GAClB,gBAAgB,MAAM;GACtB,aAAa,MAAM,iBAAiB,cAAc;GAClD,UAAU,MAAM;GAChB,MAAM,MAAM;KAPP,MAAM,qBAQX;GAEK"}
@@ -1,4 +1,4 @@
1
- import { _ as AlephaMantineProvider, d as Breadcrumb, g as ui, l as DashboardShell, m as ToggleSidebarButton } from "./core-RCUw1Q-a.js";
1
+ import { _ as AlephaMantineProvider, c as DashboardShell, g as ui, p as ToggleSidebarButton, u as Breadcrumb } from "./core-B7LNjM78.js";
2
2
  import { jsx } from "react/jsx-runtime";
3
3
  import { useRouter } from "alepha/react/router";
4
4
 
@@ -70,4 +70,4 @@ const DemoLayout = () => {
70
70
 
71
71
  //#endregion
72
72
  export { DemoLayout as default };
73
- //# sourceMappingURL=DemoLayout-C56xb5EE.js.map
73
+ //# sourceMappingURL=DemoLayout-Cy6xjn6P.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DemoLayout-C56xb5EE.js","names":["Breadcrumbs","SidebarCollapseButton"],"sources":["../../src/demo/components/DemoLayout.tsx"],"sourcesContent":["import {\n AlephaMantineProvider,\n Breadcrumbs,\n DashboardShell,\n SidebarCollapseButton,\n ui,\n} from \"@alepha/ui\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { DemoRouter } from \"../DemoRouter.ts\";\n\nconst DemoLayout = () => {\n const router = useRouter<DemoRouter>();\n return (\n <AlephaMantineProvider>\n <DashboardShell\n appShellProps={{\n withBorder: false,\n bg: ui.colors.background,\n }}\n appShellHeaderProps={{\n bg: \"transparent\",\n }}\n appBarProps={{\n items: [\n {\n type: \"burger\",\n position: \"left\",\n },\n {\n element: <Breadcrumbs />,\n position: \"left\",\n },\n {\n type: \"dark\",\n position: \"right\",\n },\n ],\n }}\n sidebarProps={{\n items: [\n router.node(\"demoHome\"),\n {\n ...router.node(\"demoCore\"),\n children: [\n router.node(\"demoFlex\"),\n router.node(\"demoText\"),\n router.node(\"demoHeading\"),\n router.node(\"demoButton\"),\n ],\n },\n {\n ...router.node(\"demoLayoutSection\"),\n children: [\n router.node(\"demoSidebar\"),\n router.node(\"demoDialog\"),\n router.node(\"demoToast\"),\n ],\n },\n {\n ...router.node(\"demoForm\"),\n children: [router.node(\"demoTypeForm\")],\n },\n {\n ...router.node(\"demoTable\"),\n children: [router.node(\"demoDataTable\")],\n },\n {\n ...router.node(\"demoJson\"),\n children: [router.node(\"demoJsonViewer\")],\n },\n {\n ...router.node(\"demoAuth\"),\n children: [router.node(\"demoLogin\"), router.node(\"demoRegister\")],\n },\n {\n position: \"bottom\",\n element: <SidebarCollapseButton />,\n },\n ],\n }}\n />\n </AlephaMantineProvider>\n );\n};\n\nexport default DemoLayout;\n"],"mappings":";;;;;AAUA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAAuB;AACtC,QACE,oBAAC,mCACC,oBAAC;EACC,eAAe;GACb,YAAY;GACZ,IAAI,GAAG,OAAO;GACf;EACD,qBAAqB,EACnB,IAAI,eACL;EACD,aAAa,EACX,OAAO;GACL;IACE,MAAM;IACN,UAAU;IACX;GACD;IACE,SAAS,oBAACA,eAAc;IACxB,UAAU;IACX;GACD;IACE,MAAM;IACN,UAAU;IACX;GACF,EACF;EACD,cAAc,EACZ,OAAO;GACL,OAAO,KAAK,WAAW;GACvB;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU;KACR,OAAO,KAAK,WAAW;KACvB,OAAO,KAAK,WAAW;KACvB,OAAO,KAAK,cAAc;KAC1B,OAAO,KAAK,aAAa;KAC1B;IACF;GACD;IACE,GAAG,OAAO,KAAK,oBAAoB;IACnC,UAAU;KACR,OAAO,KAAK,cAAc;KAC1B,OAAO,KAAK,aAAa;KACzB,OAAO,KAAK,YAAY;KACzB;IACF;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,eAAe,CAAC;IACxC;GACD;IACE,GAAG,OAAO,KAAK,YAAY;IAC3B,UAAU,CAAC,OAAO,KAAK,gBAAgB,CAAC;IACzC;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,iBAAiB,CAAC;IAC1C;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,YAAY,EAAE,OAAO,KAAK,eAAe,CAAC;IAClE;GACD;IACE,UAAU;IACV,SAAS,oBAACC,wBAAwB;IACnC;GACF,EACF;GACD,GACoB"}
1
+ {"version":3,"file":"DemoLayout-Cy6xjn6P.js","names":["Breadcrumbs","SidebarCollapseButton"],"sources":["../../src/demo/components/DemoLayout.tsx"],"sourcesContent":["import {\n AlephaMantineProvider,\n Breadcrumbs,\n DashboardShell,\n SidebarCollapseButton,\n ui,\n} from \"@alepha/ui\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { DemoRouter } from \"../DemoRouter.ts\";\n\nconst DemoLayout = () => {\n const router = useRouter<DemoRouter>();\n return (\n <AlephaMantineProvider>\n <DashboardShell\n appShellProps={{\n withBorder: false,\n bg: ui.colors.background,\n }}\n appShellHeaderProps={{\n bg: \"transparent\",\n }}\n appBarProps={{\n items: [\n {\n type: \"burger\",\n position: \"left\",\n },\n {\n element: <Breadcrumbs />,\n position: \"left\",\n },\n {\n type: \"dark\",\n position: \"right\",\n },\n ],\n }}\n sidebarProps={{\n items: [\n router.node(\"demoHome\"),\n {\n ...router.node(\"demoCore\"),\n children: [\n router.node(\"demoFlex\"),\n router.node(\"demoText\"),\n router.node(\"demoHeading\"),\n router.node(\"demoButton\"),\n ],\n },\n {\n ...router.node(\"demoLayoutSection\"),\n children: [\n router.node(\"demoSidebar\"),\n router.node(\"demoDialog\"),\n router.node(\"demoToast\"),\n ],\n },\n {\n ...router.node(\"demoForm\"),\n children: [router.node(\"demoTypeForm\")],\n },\n {\n ...router.node(\"demoTable\"),\n children: [router.node(\"demoDataTable\")],\n },\n {\n ...router.node(\"demoJson\"),\n children: [router.node(\"demoJsonViewer\")],\n },\n {\n ...router.node(\"demoAuth\"),\n children: [router.node(\"demoLogin\"), router.node(\"demoRegister\")],\n },\n {\n position: \"bottom\",\n element: <SidebarCollapseButton />,\n },\n ],\n }}\n />\n </AlephaMantineProvider>\n );\n};\n\nexport default DemoLayout;\n"],"mappings":";;;;;AAUA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAAuB;AACtC,QACE,oBAAC,mCACC,oBAAC;EACC,eAAe;GACb,YAAY;GACZ,IAAI,GAAG,OAAO;GACf;EACD,qBAAqB,EACnB,IAAI,eACL;EACD,aAAa,EACX,OAAO;GACL;IACE,MAAM;IACN,UAAU;IACX;GACD;IACE,SAAS,oBAACA,eAAc;IACxB,UAAU;IACX;GACD;IACE,MAAM;IACN,UAAU;IACX;GACF,EACF;EACD,cAAc,EACZ,OAAO;GACL,OAAO,KAAK,WAAW;GACvB;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU;KACR,OAAO,KAAK,WAAW;KACvB,OAAO,KAAK,WAAW;KACvB,OAAO,KAAK,cAAc;KAC1B,OAAO,KAAK,aAAa;KAC1B;IACF;GACD;IACE,GAAG,OAAO,KAAK,oBAAoB;IACnC,UAAU;KACR,OAAO,KAAK,cAAc;KAC1B,OAAO,KAAK,aAAa;KACzB,OAAO,KAAK,YAAY;KACzB;IACF;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,eAAe,CAAC;IACxC;GACD;IACE,GAAG,OAAO,KAAK,YAAY;IAC3B,UAAU,CAAC,OAAO,KAAK,gBAAgB,CAAC;IACzC;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,iBAAiB,CAAC;IAC1C;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,YAAY,EAAE,OAAO,KAAK,eAAe,CAAC;IAClE;GACD;IACE,UAAU;IACV,SAAS,oBAACC,wBAAwB;IACnC;GACF,EACF;GACD,GACoB"}
@@ -1,11 +1,11 @@
1
- import "./core-RCUw1Q-a.js";
1
+ import "./core-B7LNjM78.js";
2
2
  import "./IconGoogle-CSQLPYwX.js";
3
- import { t as Login } from "./Login-hSOU3jZc.js";
4
- import "./Register-a70LPgs2.js";
5
- import "./ResetPassword-DWN0lzr5.js";
6
- import "./VerifyEmail-DZWL72K4.js";
7
- import "./auth-d6n3xbug.js";
8
- import { t as Showcase } from "./Showcase-Dq3MISpd.js";
3
+ import { t as Login } from "./Login-CoYf_P_F.js";
4
+ import "./Register-fXHmBpr3.js";
5
+ import "./ResetPassword-CAPj8MO3.js";
6
+ import "./VerifyEmail-DFmdCdYs.js";
7
+ import "./auth-Djd7SKiw.js";
8
+ import { t as Showcase } from "./Showcase-BtEU0pY9.js";
9
9
  import { t } from "alepha";
10
10
  import { jsx } from "react/jsx-runtime";
11
11
 
@@ -125,4 +125,4 @@ const DemoLogin = () => {
125
125
 
126
126
  //#endregion
127
127
  export { DemoLogin as default };
128
- //# sourceMappingURL=DemoLogin-BZwpicOS.js.map
128
+ //# sourceMappingURL=DemoLogin-vqxgTu4P.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DemoLogin-BZwpicOS.js","names":[],"sources":["../../src/demo/components/auth/DemoLogin.tsx"],"sourcesContent":["import { Login } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n showCredentials: t.boolean({\n title: \"Credentials\",\n default: true,\n $control: { switch: true },\n }),\n showGoogleOAuth: t.boolean({\n title: \"Google OAuth\",\n default: true,\n $control: { switch: true },\n }),\n showGithubOAuth: t.boolean({\n title: \"GitHub OAuth\",\n default: false,\n $control: { switch: true },\n }),\n usernameEnabled: t.boolean({\n title: \"Username Login\",\n default: true,\n $control: { switch: true },\n }),\n emailEnabled: t.boolean({\n title: \"Email Login\",\n default: true,\n $control: { switch: true },\n }),\n phoneEnabled: t.boolean({\n title: \"Phone Login\",\n default: false,\n $control: { switch: true },\n }),\n registrationAllowed: t.boolean({\n title: \"Show Sign Up\",\n default: true,\n $control: { switch: true },\n }),\n resetPasswordAllowed: t.boolean({\n title: \"Forgot Password\",\n default: true,\n $control: { switch: true },\n }),\n showBranding: t.boolean({\n title: \"Show Branding\",\n default: true,\n $control: { switch: true },\n }),\n});\n\nconst buildRealmConfig = (props: {\n showCredentials: boolean;\n showGoogleOAuth: boolean;\n showGithubOAuth: boolean;\n usernameEnabled: boolean;\n emailEnabled: boolean;\n phoneEnabled: boolean;\n registrationAllowed: boolean;\n resetPasswordAllowed: boolean;\n showBranding: boolean;\n}): RealmConfig => {\n const authMethods: RealmConfig[\"authenticationMethods\"] = [];\n\n if (props.showCredentials) {\n authMethods.push({ name: \"credentials\", type: \"CREDENTIALS\" });\n }\n if (props.showGoogleOAuth) {\n authMethods.push({ name: \"google\", type: \"OAUTH2\" });\n }\n if (props.showGithubOAuth) {\n authMethods.push({ name: \"github\", type: \"OAUTH2\" });\n }\n\n return {\n realmName: \"demo\",\n authenticationMethods: authMethods,\n settings: {\n displayName: props.showBranding ? \"Demo App\" : undefined,\n description: props.showBranding ? \"Sign in to continue\" : undefined,\n logoUrl: undefined,\n registrationAllowed: props.registrationAllowed,\n emailEnabled: props.emailEnabled,\n emailRequired: false,\n usernameEnabled: props.usernameEnabled,\n usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n usernameRequired: false,\n phoneEnabled: props.phoneEnabled,\n phoneRequired: false,\n verifyEmailRequired: false,\n verifyPhoneRequired: false,\n firstNameLastNameEnabled: false,\n firstNameLastNameRequired: false,\n resetPasswordAllowed: props.resetPasswordAllowed,\n adminEmails: [],\n adminUsernames: [],\n passwordPolicy: {\n minLength: 8,\n requireUppercase: true,\n requireLowercase: true,\n requireNumbers: true,\n requireSpecialCharacters: false,\n },\n },\n };\n};\n\nconst DemoLogin = () => {\n return (\n <Showcase\n title=\"Login\"\n schema={showcaseSchema}\n initialValues={{\n showCredentials: true,\n showGoogleOAuth: true,\n showGithubOAuth: false,\n usernameEnabled: true,\n emailEnabled: true,\n phoneEnabled: false,\n registrationAllowed: true,\n resetPasswordAllowed: true,\n showBranding: true,\n }}\n columns={1}\n >\n {(props) => <Login realmConfig={buildRealmConfig(props)} />}\n </Showcase>\n );\n};\n\nexport default DemoLogin;\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,qBAAqB,EAAE,QAAQ;EAC7B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UAUP;CACjB,MAAM,cAAoD,EAAE;AAE5D,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAe,MAAM;EAAe,CAAC;AAEhE,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAEtD,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAGtD,QAAO;EACL,WAAW;EACX,uBAAuB;EACvB,UAAU;GACR,aAAa,MAAM,eAAe,aAAa;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;GACT,qBAAqB,MAAM;GAC3B,cAAc,MAAM;GACpB,eAAe;GACf,iBAAiB,MAAM;GACvB,gBAAgB;GAChB,kBAAkB;GAClB,cAAc,MAAM;GACpB,eAAe;GACf,qBAAqB;GACrB,qBAAqB;GACrB,0BAA0B;GAC1B,2BAA2B;GAC3B,sBAAsB,MAAM;GAC5B,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,kBAAkB;AACtB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,cAAc;GACd,cAAc;GACd,qBAAqB;GACrB,sBAAsB;GACtB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,SAAM,aAAa,iBAAiB,MAAM,GAAI;GAClD"}
1
+ {"version":3,"file":"DemoLogin-vqxgTu4P.js","names":[],"sources":["../../src/demo/components/auth/DemoLogin.tsx"],"sourcesContent":["import { Login } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n showCredentials: t.boolean({\n title: \"Credentials\",\n default: true,\n $control: { switch: true },\n }),\n showGoogleOAuth: t.boolean({\n title: \"Google OAuth\",\n default: true,\n $control: { switch: true },\n }),\n showGithubOAuth: t.boolean({\n title: \"GitHub OAuth\",\n default: false,\n $control: { switch: true },\n }),\n usernameEnabled: t.boolean({\n title: \"Username Login\",\n default: true,\n $control: { switch: true },\n }),\n emailEnabled: t.boolean({\n title: \"Email Login\",\n default: true,\n $control: { switch: true },\n }),\n phoneEnabled: t.boolean({\n title: \"Phone Login\",\n default: false,\n $control: { switch: true },\n }),\n registrationAllowed: t.boolean({\n title: \"Show Sign Up\",\n default: true,\n $control: { switch: true },\n }),\n resetPasswordAllowed: t.boolean({\n title: \"Forgot Password\",\n default: true,\n $control: { switch: true },\n }),\n showBranding: t.boolean({\n title: \"Show Branding\",\n default: true,\n $control: { switch: true },\n }),\n});\n\nconst buildRealmConfig = (props: {\n showCredentials: boolean;\n showGoogleOAuth: boolean;\n showGithubOAuth: boolean;\n usernameEnabled: boolean;\n emailEnabled: boolean;\n phoneEnabled: boolean;\n registrationAllowed: boolean;\n resetPasswordAllowed: boolean;\n showBranding: boolean;\n}): RealmConfig => {\n const authMethods: RealmConfig[\"authenticationMethods\"] = [];\n\n if (props.showCredentials) {\n authMethods.push({ name: \"credentials\", type: \"CREDENTIALS\" });\n }\n if (props.showGoogleOAuth) {\n authMethods.push({ name: \"google\", type: \"OAUTH2\" });\n }\n if (props.showGithubOAuth) {\n authMethods.push({ name: \"github\", type: \"OAUTH2\" });\n }\n\n return {\n realmName: \"demo\",\n authenticationMethods: authMethods,\n settings: {\n displayName: props.showBranding ? \"Demo App\" : undefined,\n description: props.showBranding ? \"Sign in to continue\" : undefined,\n logoUrl: undefined,\n registrationAllowed: props.registrationAllowed,\n emailEnabled: props.emailEnabled,\n emailRequired: false,\n usernameEnabled: props.usernameEnabled,\n usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n usernameRequired: false,\n phoneEnabled: props.phoneEnabled,\n phoneRequired: false,\n verifyEmailRequired: false,\n verifyPhoneRequired: false,\n firstNameLastNameEnabled: false,\n firstNameLastNameRequired: false,\n resetPasswordAllowed: props.resetPasswordAllowed,\n adminEmails: [],\n adminUsernames: [],\n passwordPolicy: {\n minLength: 8,\n requireUppercase: true,\n requireLowercase: true,\n requireNumbers: true,\n requireSpecialCharacters: false,\n },\n },\n };\n};\n\nconst DemoLogin = () => {\n return (\n <Showcase\n title=\"Login\"\n schema={showcaseSchema}\n initialValues={{\n showCredentials: true,\n showGoogleOAuth: true,\n showGithubOAuth: false,\n usernameEnabled: true,\n emailEnabled: true,\n phoneEnabled: false,\n registrationAllowed: true,\n resetPasswordAllowed: true,\n showBranding: true,\n }}\n columns={1}\n >\n {(props) => <Login realmConfig={buildRealmConfig(props)} />}\n </Showcase>\n );\n};\n\nexport default DemoLogin;\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,qBAAqB,EAAE,QAAQ;EAC7B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UAUP;CACjB,MAAM,cAAoD,EAAE;AAE5D,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAe,MAAM;EAAe,CAAC;AAEhE,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAEtD,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAGtD,QAAO;EACL,WAAW;EACX,uBAAuB;EACvB,UAAU;GACR,aAAa,MAAM,eAAe,aAAa;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;GACT,qBAAqB,MAAM;GAC3B,cAAc,MAAM;GACpB,eAAe;GACf,iBAAiB,MAAM;GACvB,gBAAgB;GAChB,kBAAkB;GAClB,cAAc,MAAM;GACpB,eAAe;GACf,qBAAqB;GACrB,qBAAqB;GACrB,0BAA0B;GAC1B,2BAA2B;GAC3B,sBAAsB,MAAM;GAC5B,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,kBAAkB;AACtB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,cAAc;GACd,cAAc;GACd,qBAAqB;GACrB,sBAAsB;GACtB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,SAAM,aAAa,iBAAiB,MAAM,GAAI;GAClD"}
@@ -1,11 +1,11 @@
1
- import "./core-RCUw1Q-a.js";
1
+ import "./core-B7LNjM78.js";
2
2
  import "./IconGoogle-CSQLPYwX.js";
3
- import "./Login-hSOU3jZc.js";
4
- import { t as Register } from "./Register-a70LPgs2.js";
5
- import "./ResetPassword-DWN0lzr5.js";
6
- import "./VerifyEmail-DZWL72K4.js";
7
- import "./auth-d6n3xbug.js";
8
- import { t as Showcase } from "./Showcase-Dq3MISpd.js";
3
+ import "./Login-CoYf_P_F.js";
4
+ import { t as Register } from "./Register-fXHmBpr3.js";
5
+ import "./ResetPassword-CAPj8MO3.js";
6
+ import "./VerifyEmail-DFmdCdYs.js";
7
+ import "./auth-Djd7SKiw.js";
8
+ import { t as Showcase } from "./Showcase-BtEU0pY9.js";
9
9
  import { t } from "alepha";
10
10
  import { jsx } from "react/jsx-runtime";
11
11
 
@@ -137,4 +137,4 @@ const DemoRegister = () => {
137
137
 
138
138
  //#endregion
139
139
  export { DemoRegister as default };
140
- //# sourceMappingURL=DemoRegister-C7_qc4MJ.js.map
140
+ //# sourceMappingURL=DemoRegister-YHPvPg77.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DemoRegister-C7_qc4MJ.js","names":[],"sources":["../../src/demo/components/auth/DemoRegister.tsx"],"sourcesContent":["import { Register } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n showCredentials: t.boolean({\n title: \"Credentials\",\n default: true,\n $control: { switch: true },\n }),\n showGoogleOAuth: t.boolean({\n title: \"Google OAuth\",\n default: true,\n $control: { switch: true },\n }),\n showGithubOAuth: t.boolean({\n title: \"GitHub OAuth\",\n default: false,\n $control: { switch: true },\n }),\n usernameEnabled: t.boolean({\n title: \"Username Field\",\n default: true,\n $control: { switch: true },\n }),\n usernameRequired: t.boolean({\n title: \"Username Required\",\n default: false,\n $control: { switch: true },\n }),\n emailEnabled: t.boolean({\n title: \"Email Field\",\n default: true,\n $control: { switch: true },\n }),\n emailRequired: t.boolean({\n title: \"Email Required\",\n default: true,\n $control: { switch: true },\n }),\n phoneEnabled: t.boolean({\n title: \"Phone Field\",\n default: false,\n $control: { switch: true },\n }),\n phoneRequired: t.boolean({\n title: \"Phone Required\",\n default: false,\n $control: { switch: true },\n }),\n registrationAllowed: t.boolean({\n title: \"Registration Allowed\",\n default: true,\n $control: { switch: true },\n }),\n showBranding: t.boolean({\n title: \"Show Branding\",\n default: true,\n $control: { switch: true },\n }),\n});\n\nconst buildRealmConfig = (props: {\n showCredentials: boolean;\n showGoogleOAuth: boolean;\n showGithubOAuth: boolean;\n usernameEnabled: boolean;\n usernameRequired: boolean;\n emailEnabled: boolean;\n emailRequired: boolean;\n phoneEnabled: boolean;\n phoneRequired: boolean;\n registrationAllowed: boolean;\n showBranding: boolean;\n}): RealmConfig => {\n const authMethods: RealmConfig[\"authenticationMethods\"] = [];\n\n if (props.showCredentials) {\n authMethods.push({ name: \"credentials\", type: \"CREDENTIALS\" });\n }\n if (props.showGoogleOAuth) {\n authMethods.push({ name: \"google\", type: \"OAUTH2\" });\n }\n if (props.showGithubOAuth) {\n authMethods.push({ name: \"github\", type: \"OAUTH2\" });\n }\n\n return {\n realmName: \"demo\",\n authenticationMethods: authMethods,\n settings: {\n displayName: props.showBranding ? \"Demo App\" : undefined,\n description: props.showBranding ? \"Create your account\" : undefined,\n logoUrl: undefined,\n registrationAllowed: props.registrationAllowed,\n emailEnabled: props.emailEnabled,\n emailRequired: props.emailRequired,\n usernameEnabled: props.usernameEnabled,\n usernameRequired: props.usernameRequired,\n usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n phoneEnabled: props.phoneEnabled,\n phoneRequired: props.phoneRequired,\n verifyEmailRequired: false,\n verifyPhoneRequired: false,\n firstNameLastNameEnabled: false,\n firstNameLastNameRequired: false,\n resetPasswordAllowed: true,\n adminEmails: [],\n adminUsernames: [],\n passwordPolicy: {\n minLength: 8,\n requireUppercase: true,\n requireLowercase: true,\n requireNumbers: true,\n requireSpecialCharacters: false,\n },\n },\n };\n};\n\nconst DemoRegister = () => {\n return (\n <Showcase\n title=\"Register\"\n schema={showcaseSchema}\n initialValues={{\n showCredentials: true,\n showGoogleOAuth: true,\n showGithubOAuth: false,\n usernameEnabled: true,\n usernameRequired: false,\n emailEnabled: true,\n emailRequired: true,\n phoneEnabled: false,\n phoneRequired: false,\n registrationAllowed: true,\n showBranding: true,\n }}\n columns={1}\n >\n {(props) => <Register realmConfig={buildRealmConfig(props)} />}\n </Showcase>\n );\n};\n\nexport default DemoRegister;\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,kBAAkB,EAAE,QAAQ;EAC1B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,eAAe,EAAE,QAAQ;EACvB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,eAAe,EAAE,QAAQ;EACvB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,qBAAqB,EAAE,QAAQ;EAC7B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UAYP;CACjB,MAAM,cAAoD,EAAE;AAE5D,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAe,MAAM;EAAe,CAAC;AAEhE,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAEtD,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAGtD,QAAO;EACL,WAAW;EACX,uBAAuB;EACvB,UAAU;GACR,aAAa,MAAM,eAAe,aAAa;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;GACT,qBAAqB,MAAM;GAC3B,cAAc,MAAM;GACpB,eAAe,MAAM;GACrB,iBAAiB,MAAM;GACvB,kBAAkB,MAAM;GACxB,gBAAgB;GAChB,cAAc,MAAM;GACpB,eAAe,MAAM;GACrB,qBAAqB;GACrB,qBAAqB;GACrB,0BAA0B;GAC1B,2BAA2B;GAC3B,sBAAsB;GACtB,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,qBAAqB;AACzB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,kBAAkB;GAClB,cAAc;GACd,eAAe;GACf,cAAc;GACd,eAAe;GACf,qBAAqB;GACrB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,YAAS,aAAa,iBAAiB,MAAM,GAAI;GACrD"}
1
+ {"version":3,"file":"DemoRegister-YHPvPg77.js","names":[],"sources":["../../src/demo/components/auth/DemoRegister.tsx"],"sourcesContent":["import { Register } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n showCredentials: t.boolean({\n title: \"Credentials\",\n default: true,\n $control: { switch: true },\n }),\n showGoogleOAuth: t.boolean({\n title: \"Google OAuth\",\n default: true,\n $control: { switch: true },\n }),\n showGithubOAuth: t.boolean({\n title: \"GitHub OAuth\",\n default: false,\n $control: { switch: true },\n }),\n usernameEnabled: t.boolean({\n title: \"Username Field\",\n default: true,\n $control: { switch: true },\n }),\n usernameRequired: t.boolean({\n title: \"Username Required\",\n default: false,\n $control: { switch: true },\n }),\n emailEnabled: t.boolean({\n title: \"Email Field\",\n default: true,\n $control: { switch: true },\n }),\n emailRequired: t.boolean({\n title: \"Email Required\",\n default: true,\n $control: { switch: true },\n }),\n phoneEnabled: t.boolean({\n title: \"Phone Field\",\n default: false,\n $control: { switch: true },\n }),\n phoneRequired: t.boolean({\n title: \"Phone Required\",\n default: false,\n $control: { switch: true },\n }),\n registrationAllowed: t.boolean({\n title: \"Registration Allowed\",\n default: true,\n $control: { switch: true },\n }),\n showBranding: t.boolean({\n title: \"Show Branding\",\n default: true,\n $control: { switch: true },\n }),\n});\n\nconst buildRealmConfig = (props: {\n showCredentials: boolean;\n showGoogleOAuth: boolean;\n showGithubOAuth: boolean;\n usernameEnabled: boolean;\n usernameRequired: boolean;\n emailEnabled: boolean;\n emailRequired: boolean;\n phoneEnabled: boolean;\n phoneRequired: boolean;\n registrationAllowed: boolean;\n showBranding: boolean;\n}): RealmConfig => {\n const authMethods: RealmConfig[\"authenticationMethods\"] = [];\n\n if (props.showCredentials) {\n authMethods.push({ name: \"credentials\", type: \"CREDENTIALS\" });\n }\n if (props.showGoogleOAuth) {\n authMethods.push({ name: \"google\", type: \"OAUTH2\" });\n }\n if (props.showGithubOAuth) {\n authMethods.push({ name: \"github\", type: \"OAUTH2\" });\n }\n\n return {\n realmName: \"demo\",\n authenticationMethods: authMethods,\n settings: {\n displayName: props.showBranding ? \"Demo App\" : undefined,\n description: props.showBranding ? \"Create your account\" : undefined,\n logoUrl: undefined,\n registrationAllowed: props.registrationAllowed,\n emailEnabled: props.emailEnabled,\n emailRequired: props.emailRequired,\n usernameEnabled: props.usernameEnabled,\n usernameRequired: props.usernameRequired,\n usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n phoneEnabled: props.phoneEnabled,\n phoneRequired: props.phoneRequired,\n verifyEmailRequired: false,\n verifyPhoneRequired: false,\n firstNameLastNameEnabled: false,\n firstNameLastNameRequired: false,\n resetPasswordAllowed: true,\n adminEmails: [],\n adminUsernames: [],\n passwordPolicy: {\n minLength: 8,\n requireUppercase: true,\n requireLowercase: true,\n requireNumbers: true,\n requireSpecialCharacters: false,\n },\n },\n };\n};\n\nconst DemoRegister = () => {\n return (\n <Showcase\n title=\"Register\"\n schema={showcaseSchema}\n initialValues={{\n showCredentials: true,\n showGoogleOAuth: true,\n showGithubOAuth: false,\n usernameEnabled: true,\n usernameRequired: false,\n emailEnabled: true,\n emailRequired: true,\n phoneEnabled: false,\n phoneRequired: false,\n registrationAllowed: true,\n showBranding: true,\n }}\n columns={1}\n >\n {(props) => <Register realmConfig={buildRealmConfig(props)} />}\n </Showcase>\n );\n};\n\nexport default DemoRegister;\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,iBAAiB,EAAE,QAAQ;EACzB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,kBAAkB,EAAE,QAAQ;EAC1B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,eAAe,EAAE,QAAQ;EACvB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,eAAe,EAAE,QAAQ;EACvB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,qBAAqB,EAAE,QAAQ;EAC7B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UAYP;CACjB,MAAM,cAAoD,EAAE;AAE5D,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAe,MAAM;EAAe,CAAC;AAEhE,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAEtD,KAAI,MAAM,gBACR,aAAY,KAAK;EAAE,MAAM;EAAU,MAAM;EAAU,CAAC;AAGtD,QAAO;EACL,WAAW;EACX,uBAAuB;EACvB,UAAU;GACR,aAAa,MAAM,eAAe,aAAa;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;GACT,qBAAqB,MAAM;GAC3B,cAAc,MAAM;GACpB,eAAe,MAAM;GACrB,iBAAiB,MAAM;GACvB,kBAAkB,MAAM;GACxB,gBAAgB;GAChB,cAAc,MAAM;GACpB,eAAe,MAAM;GACrB,qBAAqB;GACrB,qBAAqB;GACrB,0BAA0B;GAC1B,2BAA2B;GAC3B,sBAAsB;GACtB,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,qBAAqB;AACzB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GACjB,kBAAkB;GAClB,cAAc;GACd,eAAe;GACf,cAAc;GACd,eAAe;GACf,qBAAqB;GACrB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,YAAS,aAAa,iBAAiB,MAAM,GAAI;GACrD"}
@@ -1,11 +1,11 @@
1
- import "./core-RCUw1Q-a.js";
1
+ import "./core-B7LNjM78.js";
2
2
  import "./IconGoogle-CSQLPYwX.js";
3
- import "./Login-hSOU3jZc.js";
4
- import "./Register-a70LPgs2.js";
5
- import { t as ResetPassword } from "./ResetPassword-DWN0lzr5.js";
6
- import "./VerifyEmail-DZWL72K4.js";
7
- import "./auth-d6n3xbug.js";
8
- import { t as Showcase } from "./Showcase-Dq3MISpd.js";
3
+ import "./Login-CoYf_P_F.js";
4
+ import "./Register-fXHmBpr3.js";
5
+ import { t as ResetPassword } from "./ResetPassword-CAPj8MO3.js";
6
+ import "./VerifyEmail-DFmdCdYs.js";
7
+ import "./auth-Djd7SKiw.js";
8
+ import { t as Showcase } from "./Showcase-BtEU0pY9.js";
9
9
  import { t } from "alepha";
10
10
  import { jsx } from "react/jsx-runtime";
11
11
 
@@ -73,4 +73,4 @@ const DemoResetPassword = () => {
73
73
 
74
74
  //#endregion
75
75
  export { DemoResetPassword as default };
76
- //# sourceMappingURL=DemoResetPassword-BI1Ct4Dw.js.map
76
+ //# sourceMappingURL=DemoResetPassword-mOW18Zlm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DemoResetPassword-BI1Ct4Dw.js","names":[],"sources":["../../src/demo/components/auth/DemoResetPassword.tsx"],"sourcesContent":["import { ResetPassword } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n resetPasswordAllowed: t.boolean({\n title: \"Reset Allowed\",\n default: true,\n $control: { switch: true },\n }),\n showBranding: t.boolean({\n title: \"Show Branding\",\n default: true,\n $control: { switch: true },\n }),\n});\n\nconst buildRealmConfig = (props: {\n resetPasswordAllowed: boolean;\n showBranding: boolean;\n}): RealmConfig => {\n return {\n realmName: \"demo\",\n authenticationMethods: [{ name: \"credentials\", type: \"CREDENTIALS\" }],\n settings: {\n displayName: props.showBranding ? \"Demo App\" : undefined,\n description: props.showBranding ? \"Reset your password\" : undefined,\n logoUrl: undefined,\n registrationAllowed: true,\n emailEnabled: true,\n emailRequired: true,\n usernameEnabled: false,\n usernameRequired: false,\n usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n phoneEnabled: false,\n phoneRequired: false,\n verifyEmailRequired: false,\n verifyPhoneRequired: false,\n firstNameLastNameEnabled: false,\n firstNameLastNameRequired: false,\n resetPasswordAllowed: props.resetPasswordAllowed,\n adminEmails: [],\n adminUsernames: [],\n passwordPolicy: {\n minLength: 8,\n requireUppercase: true,\n requireLowercase: true,\n requireNumbers: true,\n requireSpecialCharacters: false,\n },\n },\n };\n};\n\nconst DemoResetPassword = () => {\n return (\n <Showcase\n title=\"ResetPassword\"\n schema={showcaseSchema}\n initialValues={{\n resetPasswordAllowed: true,\n showBranding: true,\n }}\n columns={1}\n >\n {(props) => <ResetPassword realmConfig={buildRealmConfig(props)} />}\n </Showcase>\n );\n};\n\nexport default DemoResetPassword;\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UAGP;AACjB,QAAO;EACL,WAAW;EACX,uBAAuB,CAAC;GAAE,MAAM;GAAe,MAAM;GAAe,CAAC;EACrE,UAAU;GACR,aAAa,MAAM,eAAe,aAAa;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;GACT,qBAAqB;GACrB,cAAc;GACd,eAAe;GACf,iBAAiB;GACjB,kBAAkB;GAClB,gBAAgB;GAChB,cAAc;GACd,eAAe;GACf,qBAAqB;GACrB,qBAAqB;GACrB,0BAA0B;GAC1B,2BAA2B;GAC3B,sBAAsB,MAAM;GAC5B,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,0BAA0B;AAC9B,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,sBAAsB;GACtB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,iBAAc,aAAa,iBAAiB,MAAM,GAAI;GAC1D"}
1
+ {"version":3,"file":"DemoResetPassword-mOW18Zlm.js","names":[],"sources":["../../src/demo/components/auth/DemoResetPassword.tsx"],"sourcesContent":["import { ResetPassword } from \"@alepha/ui/auth\";\nimport { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n resetPasswordAllowed: t.boolean({\n title: \"Reset Allowed\",\n default: true,\n $control: { switch: true },\n }),\n showBranding: t.boolean({\n title: \"Show Branding\",\n default: true,\n $control: { switch: true },\n }),\n});\n\nconst buildRealmConfig = (props: {\n resetPasswordAllowed: boolean;\n showBranding: boolean;\n}): RealmConfig => {\n return {\n realmName: \"demo\",\n authenticationMethods: [{ name: \"credentials\", type: \"CREDENTIALS\" }],\n settings: {\n displayName: props.showBranding ? \"Demo App\" : undefined,\n description: props.showBranding ? \"Reset your password\" : undefined,\n logoUrl: undefined,\n registrationAllowed: true,\n emailEnabled: true,\n emailRequired: true,\n usernameEnabled: false,\n usernameRequired: false,\n usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n phoneEnabled: false,\n phoneRequired: false,\n verifyEmailRequired: false,\n verifyPhoneRequired: false,\n firstNameLastNameEnabled: false,\n firstNameLastNameRequired: false,\n resetPasswordAllowed: props.resetPasswordAllowed,\n adminEmails: [],\n adminUsernames: [],\n passwordPolicy: {\n minLength: 8,\n requireUppercase: true,\n requireLowercase: true,\n requireNumbers: true,\n requireSpecialCharacters: false,\n },\n },\n };\n};\n\nconst DemoResetPassword = () => {\n return (\n <Showcase\n title=\"ResetPassword\"\n schema={showcaseSchema}\n initialValues={{\n resetPasswordAllowed: true,\n showBranding: true,\n }}\n columns={1}\n >\n {(props) => <ResetPassword realmConfig={buildRealmConfig(props)} />}\n </Showcase>\n );\n};\n\nexport default DemoResetPassword;\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,cAAc,EAAE,QAAQ;EACtB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB,UAGP;AACjB,QAAO;EACL,WAAW;EACX,uBAAuB,CAAC;GAAE,MAAM;GAAe,MAAM;GAAe,CAAC;EACrE,UAAU;GACR,aAAa,MAAM,eAAe,aAAa;GAC/C,aAAa,MAAM,eAAe,wBAAwB;GAC1D,SAAS;GACT,qBAAqB;GACrB,cAAc;GACd,eAAe;GACf,iBAAiB;GACjB,kBAAkB;GAClB,gBAAgB;GAChB,cAAc;GACd,eAAe;GACf,qBAAqB;GACrB,qBAAqB;GACrB,0BAA0B;GAC1B,2BAA2B;GAC3B,sBAAsB,MAAM;GAC5B,aAAa,EAAE;GACf,gBAAgB,EAAE;GAClB,gBAAgB;IACd,WAAW;IACX,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,0BAA0B;IAC3B;GACF;EACF;;AAGH,MAAM,0BAA0B;AAC9B,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,sBAAsB;GACtB,cAAc;GACf;EACD,SAAS;aAEP,UAAU,oBAAC,iBAAc,aAAa,iBAAiB,MAAM,GAAI;GAC1D"}
@@ -1,5 +1,5 @@
1
- import { u as Sidebar } from "./core-RCUw1Q-a.js";
2
- import { t as Showcase } from "./Showcase-Dq3MISpd.js";
1
+ import { l as Sidebar } from "./core-B7LNjM78.js";
2
+ import { t as Showcase } from "./Showcase-BtEU0pY9.js";
3
3
  import { t } from "alepha";
4
4
  import { Flex } from "@mantine/core";
5
5
  import { jsx } from "react/jsx-runtime";
@@ -75,4 +75,4 @@ const DemoSidebar = () => {
75
75
 
76
76
  //#endregion
77
77
  export { DemoSidebar as default };
78
- //# sourceMappingURL=DemoSidebar-CcBo4ltC.js.map
78
+ //# sourceMappingURL=DemoSidebar-od7aLjP_.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DemoSidebar-CcBo4ltC.js","names":[],"sources":["../../src/demo/components/layout/DemoSidebar.tsx"],"sourcesContent":["import { Sidebar, type SidebarNode } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\nimport {\n IconDashboard,\n IconFiles,\n IconSettings,\n IconUsers,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst sidebarItems = [\n { type: \"search\" },\n { type: \"divider\" },\n {\n icon: IconDashboard,\n label: \"Dashboard\",\n },\n {\n icon: IconUsers,\n label: \"Users\",\n children: [\n { label: \"All Users\" },\n { label: \"Add User\" },\n { label: \"Roles\" },\n ],\n },\n {\n icon: IconFiles,\n label: \"Files\",\n },\n { type: \"spacer\" },\n {\n position: \"bottom\",\n icon: IconSettings,\n label: \"Settings\",\n },\n] satisfies SidebarNode[];\n\nconst showcaseSchema = t.object({\n collapsed: t.boolean({\n title: \"Collapsed\",\n default: false,\n $control: { switch: true },\n }),\n gap: t.enum([\"xs\", \"sm\", \"md\", \"lg\"], {\n title: \"Gap\",\n default: \"xs\",\n $control: { segmented: true },\n }),\n});\n\nconst DemoSidebar = () => {\n return (\n <Showcase\n title=\"Sidebar\"\n schema={showcaseSchema}\n initialValues={{\n collapsed: false,\n gap: \"xs\",\n }}\n columns={1}\n windowProps={{\n containerProps: { p: 0 },\n }}\n >\n {(props) => (\n <Flex\n h={\"100%\"}\n w={props.collapsed ? 60 : 240}\n bg=\"var(--alepha-surface)\"\n >\n <Sidebar\n items={sidebarItems}\n collapsed={props.collapsed}\n gap={props.gap}\n />\n </Flex>\n )}\n </Showcase>\n );\n};\n\nexport default DemoSidebar;\n"],"mappings":";;;;;;;;AAWA,MAAM,eAAe;CACnB,EAAE,MAAM,UAAU;CAClB,EAAE,MAAM,WAAW;CACnB;EACE,MAAM;EACN,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,UAAU;GACR,EAAE,OAAO,aAAa;GACtB,EAAE,OAAO,YAAY;GACrB,EAAE,OAAO,SAAS;GACnB;EACF;CACD;EACE,MAAM;EACN,OAAO;EACR;CACD,EAAE,MAAM,UAAU;CAClB;EACE,UAAU;EACV,MAAM;EACN,OAAO;EACR;CACF;AAED,MAAM,iBAAiB,EAAE,OAAO;CAC9B,WAAW,EAAE,QAAQ;EACnB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,KAAK,EAAE,KAAK;EAAC;EAAM;EAAM;EAAM;EAAK,EAAE;EACpC,OAAO;EACP,SAAS;EACT,UAAU,EAAE,WAAW,MAAM;EAC9B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB;AACxB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,WAAW;GACX,KAAK;GACN;EACD,SAAS;EACT,aAAa,EACX,gBAAgB,EAAE,GAAG,GAAG,EACzB;aAEC,UACA,oBAAC;GACC,GAAG;GACH,GAAG,MAAM,YAAY,KAAK;GAC1B,IAAG;aAEH,oBAAC;IACC,OAAO;IACP,WAAW,MAAM;IACjB,KAAK,MAAM;KACX;IACG;GAEA"}
1
+ {"version":3,"file":"DemoSidebar-od7aLjP_.js","names":[],"sources":["../../src/demo/components/layout/DemoSidebar.tsx"],"sourcesContent":["import { Sidebar, type SidebarNode } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\nimport {\n IconDashboard,\n IconFiles,\n IconSettings,\n IconUsers,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst sidebarItems = [\n { type: \"search\" },\n { type: \"divider\" },\n {\n icon: IconDashboard,\n label: \"Dashboard\",\n },\n {\n icon: IconUsers,\n label: \"Users\",\n children: [\n { label: \"All Users\" },\n { label: \"Add User\" },\n { label: \"Roles\" },\n ],\n },\n {\n icon: IconFiles,\n label: \"Files\",\n },\n { type: \"spacer\" },\n {\n position: \"bottom\",\n icon: IconSettings,\n label: \"Settings\",\n },\n] satisfies SidebarNode[];\n\nconst showcaseSchema = t.object({\n collapsed: t.boolean({\n title: \"Collapsed\",\n default: false,\n $control: { switch: true },\n }),\n gap: t.enum([\"xs\", \"sm\", \"md\", \"lg\"], {\n title: \"Gap\",\n default: \"xs\",\n $control: { segmented: true },\n }),\n});\n\nconst DemoSidebar = () => {\n return (\n <Showcase\n title=\"Sidebar\"\n schema={showcaseSchema}\n initialValues={{\n collapsed: false,\n gap: \"xs\",\n }}\n columns={1}\n windowProps={{\n containerProps: { p: 0 },\n }}\n >\n {(props) => (\n <Flex\n h={\"100%\"}\n w={props.collapsed ? 60 : 240}\n bg=\"var(--alepha-surface)\"\n >\n <Sidebar\n items={sidebarItems}\n collapsed={props.collapsed}\n gap={props.gap}\n />\n </Flex>\n )}\n </Showcase>\n );\n};\n\nexport default DemoSidebar;\n"],"mappings":";;;;;;;;AAWA,MAAM,eAAe;CACnB,EAAE,MAAM,UAAU;CAClB,EAAE,MAAM,WAAW;CACnB;EACE,MAAM;EACN,OAAO;EACR;CACD;EACE,MAAM;EACN,OAAO;EACP,UAAU;GACR,EAAE,OAAO,aAAa;GACtB,EAAE,OAAO,YAAY;GACrB,EAAE,OAAO,SAAS;GACnB;EACF;CACD;EACE,MAAM;EACN,OAAO;EACR;CACD,EAAE,MAAM,UAAU;CAClB;EACE,UAAU;EACV,MAAM;EACN,OAAO;EACR;CACF;AAED,MAAM,iBAAiB,EAAE,OAAO;CAC9B,WAAW,EAAE,QAAQ;EACnB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,KAAK,EAAE,KAAK;EAAC;EAAM;EAAM;EAAM;EAAK,EAAE;EACpC,OAAO;EACP,SAAS;EACT,UAAU,EAAE,WAAW,MAAM;EAC9B,CAAC;CACH,CAAC;AAEF,MAAM,oBAAoB;AACxB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,WAAW;GACX,KAAK;GACN;EACD,SAAS;EACT,aAAa,EACX,gBAAgB,EAAE,GAAG,GAAG,EACzB;aAEC,UACA,oBAAC;GACC,GAAG;GACH,GAAG,MAAM,YAAY,KAAK;GAC1B,IAAG;aAEH,oBAAC;IACC,OAAO;IACP,WAAW,MAAM;IACjB,KAAK,MAAM;KACX;IACG;GAEA"}
@@ -1,5 +1,5 @@
1
- import { c as Text, p as Flex } from "./core-RCUw1Q-a.js";
2
- import { t as Showcase } from "./Showcase-Dq3MISpd.js";
1
+ import { f as Flex, s as Text } from "./core-B7LNjM78.js";
2
+ import { t as Showcase } from "./Showcase-BtEU0pY9.js";
3
3
  import { t } from "alepha";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
 
@@ -121,4 +121,4 @@ const DemoText = () => {
121
121
 
122
122
  //#endregion
123
123
  export { DemoText as default };
124
- //# sourceMappingURL=DemoText-CzXuUn3g.js.map
124
+ //# sourceMappingURL=DemoText-DU3JeRS0.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DemoText-CzXuUn3g.js","names":[],"sources":["../../src/demo/components/core/DemoText.tsx"],"sourcesContent":["import type { AlephaIntent } from \"@alepha/ui\";\nimport { Flex, Text } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n bold: t.boolean({\n title: \"bold\",\n default: false,\n $control: { switch: true },\n }),\n italic: t.boolean({\n title: \"italic\",\n default: false,\n $control: { switch: true },\n }),\n light: t.boolean({\n title: \"light\",\n default: false,\n $control: { switch: true },\n }),\n muted: t.boolean({\n title: \"muted\",\n default: false,\n $control: { switch: true },\n }),\n small: t.boolean({\n title: \"small\",\n default: false,\n $control: { switch: true },\n }),\n monospace: t.boolean({\n title: \"monospace\",\n default: false,\n $control: { switch: true },\n }),\n uppercase: t.boolean({\n title: \"uppercase\",\n default: false,\n $control: { switch: true },\n }),\n capitalize: t.boolean({\n title: \"capitalize\",\n default: false,\n $control: { switch: true },\n }),\n center: t.boolean({\n title: \"center\",\n default: false,\n $control: { switch: true },\n }),\n intent: t.optional(\n t.enum([\"primary\", \"info\", \"success\", \"warning\", \"danger\"], {\n title: \"intent\",\n }),\n ),\n});\n\nconst DemoText = () => {\n return (\n <Showcase\n title=\"Text\"\n schema={showcaseSchema}\n initialValues={{\n bold: false,\n italic: false,\n light: false,\n muted: false,\n small: false,\n monospace: false,\n uppercase: false,\n capitalize: false,\n center: false,\n intent: undefined,\n }}\n columns={2}\n >\n {(props) => (\n <Flex col gap=\"lg\" p=\"md\" style={{ minWidth: 300 }}>\n <Text\n bold={props.bold}\n italic={props.italic}\n light={props.light}\n muted={props.muted}\n small={props.small}\n monospace={props.monospace}\n uppercase={props.uppercase}\n capitalize={props.capitalize}\n center={props.center}\n intent={(props.intent || undefined) as AlephaIntent | undefined}\n >\n The quick brown fox jumps over the lazy dog.\n </Text>\n <Text muted small>\n Muted small text for secondary information.\n </Text>\n <Text bold intent=\"danger\">\n Bold danger text for errors.\n </Text>\n <Text monospace>console.log(\"monospace text\");</Text>\n <Text bold uppercase muted>\n Section header style\n </Text>\n </Flex>\n )}\n </Showcase>\n );\n};\n\nexport default DemoText;\n"],"mappings":";;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,MAAM,EAAE,QAAQ;EACd,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,QAAQ;EAChB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,OAAO,EAAE,QAAQ;EACf,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,OAAO,EAAE,QAAQ;EACf,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,OAAO,EAAE,QAAQ;EACf,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,WAAW,EAAE,QAAQ;EACnB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,WAAW,EAAE,QAAQ;EACnB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,YAAY,EAAE,QAAQ;EACpB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,QAAQ;EAChB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,SACR,EAAE,KAAK;EAAC;EAAW;EAAQ;EAAW;EAAW;EAAS,EAAE,EAC1D,OAAO,UACR,CAAC,CACH;CACF,CAAC;AAEF,MAAM,iBAAiB;AACrB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,MAAM;GACN,QAAQ;GACR,OAAO;GACP,OAAO;GACP,OAAO;GACP,WAAW;GACX,WAAW;GACX,YAAY;GACZ,QAAQ;GACR,QAAQ;GACT;EACD,SAAS;aAEP,UACA,qBAAC;GAAK;GAAI,KAAI;GAAK,GAAE;GAAK,OAAO,EAAE,UAAU,KAAK;;IAChD,oBAAC;KACC,MAAM,MAAM;KACZ,QAAQ,MAAM;KACd,OAAO,MAAM;KACb,OAAO,MAAM;KACb,OAAO,MAAM;KACb,WAAW,MAAM;KACjB,WAAW,MAAM;KACjB,YAAY,MAAM;KAClB,QAAQ,MAAM;KACd,QAAS,MAAM,UAAU;eAC1B;MAEM;IACP,oBAAC;KAAK;KAAM;eAAM;MAEX;IACP,oBAAC;KAAK;KAAK,QAAO;eAAS;MAEpB;IACP,oBAAC;KAAK;eAAU;MAAqC;IACrD,oBAAC;KAAK;KAAK;KAAU;eAAM;MAEpB;;IACF;GAEA"}
1
+ {"version":3,"file":"DemoText-DU3JeRS0.js","names":[],"sources":["../../src/demo/components/core/DemoText.tsx"],"sourcesContent":["import type { AlephaIntent } from \"@alepha/ui\";\nimport { Flex, Text } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n bold: t.boolean({\n title: \"bold\",\n default: false,\n $control: { switch: true },\n }),\n italic: t.boolean({\n title: \"italic\",\n default: false,\n $control: { switch: true },\n }),\n light: t.boolean({\n title: \"light\",\n default: false,\n $control: { switch: true },\n }),\n muted: t.boolean({\n title: \"muted\",\n default: false,\n $control: { switch: true },\n }),\n small: t.boolean({\n title: \"small\",\n default: false,\n $control: { switch: true },\n }),\n monospace: t.boolean({\n title: \"monospace\",\n default: false,\n $control: { switch: true },\n }),\n uppercase: t.boolean({\n title: \"uppercase\",\n default: false,\n $control: { switch: true },\n }),\n capitalize: t.boolean({\n title: \"capitalize\",\n default: false,\n $control: { switch: true },\n }),\n center: t.boolean({\n title: \"center\",\n default: false,\n $control: { switch: true },\n }),\n intent: t.optional(\n t.enum([\"primary\", \"info\", \"success\", \"warning\", \"danger\"], {\n title: \"intent\",\n }),\n ),\n});\n\nconst DemoText = () => {\n return (\n <Showcase\n title=\"Text\"\n schema={showcaseSchema}\n initialValues={{\n bold: false,\n italic: false,\n light: false,\n muted: false,\n small: false,\n monospace: false,\n uppercase: false,\n capitalize: false,\n center: false,\n intent: undefined,\n }}\n columns={2}\n >\n {(props) => (\n <Flex col gap=\"lg\" p=\"md\" style={{ minWidth: 300 }}>\n <Text\n bold={props.bold}\n italic={props.italic}\n light={props.light}\n muted={props.muted}\n small={props.small}\n monospace={props.monospace}\n uppercase={props.uppercase}\n capitalize={props.capitalize}\n center={props.center}\n intent={(props.intent || undefined) as AlephaIntent | undefined}\n >\n The quick brown fox jumps over the lazy dog.\n </Text>\n <Text muted small>\n Muted small text for secondary information.\n </Text>\n <Text bold intent=\"danger\">\n Bold danger text for errors.\n </Text>\n <Text monospace>console.log(\"monospace text\");</Text>\n <Text bold uppercase muted>\n Section header style\n </Text>\n </Flex>\n )}\n </Showcase>\n );\n};\n\nexport default DemoText;\n"],"mappings":";;;;;;AAKA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,MAAM,EAAE,QAAQ;EACd,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,QAAQ;EAChB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,OAAO,EAAE,QAAQ;EACf,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,OAAO,EAAE,QAAQ;EACf,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,OAAO,EAAE,QAAQ;EACf,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,WAAW,EAAE,QAAQ;EACnB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,WAAW,EAAE,QAAQ;EACnB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,YAAY,EAAE,QAAQ;EACpB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,QAAQ;EAChB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,SACR,EAAE,KAAK;EAAC;EAAW;EAAQ;EAAW;EAAW;EAAS,EAAE,EAC1D,OAAO,UACR,CAAC,CACH;CACF,CAAC;AAEF,MAAM,iBAAiB;AACrB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,MAAM;GACN,QAAQ;GACR,OAAO;GACP,OAAO;GACP,OAAO;GACP,WAAW;GACX,WAAW;GACX,YAAY;GACZ,QAAQ;GACR,QAAQ;GACT;EACD,SAAS;aAEP,UACA,qBAAC;GAAK;GAAI,KAAI;GAAK,GAAE;GAAK,OAAO,EAAE,UAAU,KAAK;;IAChD,oBAAC;KACC,MAAM,MAAM;KACZ,QAAQ,MAAM;KACd,OAAO,MAAM;KACb,OAAO,MAAM;KACb,OAAO,MAAM;KACb,WAAW,MAAM;KACjB,WAAW,MAAM;KACjB,YAAY,MAAM;KAClB,QAAQ,MAAM;KACd,QAAS,MAAM,UAAU;eAC1B;MAEM;IACP,oBAAC;KAAK;KAAM;eAAM;MAEX;IACP,oBAAC;KAAK;KAAK,QAAO;eAAS;MAEpB;IACP,oBAAC;KAAK;eAAU;MAAqC;IACrD,oBAAC;KAAK;KAAK;KAAU;eAAM;MAEpB;;IACF;GAEA"}