@alepha/ui 0.17.2 → 0.18.1

package/dist/demo/index.d.ts

@@ -6,8 +6,17 @@ declare class DemoRouter {
   demoLayout: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
   demoHome: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
   demoCore: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
-  demoTypeForm: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoFlex: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoText: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoHeading: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoButton: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoLayoutSection: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
   demoSidebar: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoDialog: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoToast: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoForm: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoTypeForm: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoTable: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
   demoDataTable: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
   demoJson: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
   demoJsonViewer: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
@@ -18,12 +27,14 @@ declare class DemoRouter {
   demoVerifyEmail: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
 }
 //#endregion
+//#region ../../src/demo/primitives/$uiDemo.d.ts
+/**
+ * Register Demo UI components and get the DemoRouter instance.
+ */
+declare const $uiDemo: () => DemoRouter;
+//#endregion
 //#region ../../src/demo/index.d.ts
 /**
- * | type | quality | stability |
- * |------|---------|-----------|
- * | frontend | standard | experimental |
- *
  * Component showcase and documentation.
  *
  * **Features:**
@@ -36,5 +47,5 @@ declare class DemoRouter {
  */
 declare const AlephaUIDemo: alepha.Service<alepha.Module>;
 //#endregion
-export { AlephaUIDemo, DemoRouter };
+export { $uiDemo, AlephaUIDemo, DemoRouter };
 //# sourceMappingURL=index.d.ts.map

package/dist/demo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/demo/DemoRouter.ts","../../src/demo/index.ts"],"mappings":";;;;cAiBa,UAAA;EACX,UAAA,EAAU,oBAAA,CAAA,aAAA,CADW,oBAAA,CACX,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAaV,QAAA,EAAQ,oBAAA,CAAA,aAAA,CAbE,oBAAA,CAaF,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAQR,QAAA,EAAQ,oBAAA,CAAA,aAAA,CARA,oBAAA,CAQA,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOR,YAAA,EAAY,oBAAA,CAAA,aAAA,CAPJ,oBAAA,CAOI,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOZ,WAAA,EAAW,oBAAA,CAAA,aAAA,CAPC,oBAAA,CAOD,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOX,aAAA,EAAa,oBAAA,CAAA,aAAA,CAPF,oBAAA,CAOE,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAQb,QAAA,EAAQ,oBAAA,CAAA,aAAA,CARK,oBAAA,CAQL,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOR,cAAA,EAAc,oBAAA,CAAA,aAAA,CAPN,oBAAA,CAOM,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAQd,QAAA,EAAQ,oBAAA,CAAA,aAAA,CARM,oBAAA,CAQN,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAYR,SAAA,EAAS,oBAAA,CAAA,aAAA,CAZD,oBAAA,CAYC,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOT,YAAA,EAAY,oBAAA,CAAA,aAAA,CAPH,oBAAA,CAOG,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOZ,iBAAA,EAAiB,oBAAA,CAAA,aAAA,CAPL,oBAAA,CAOK,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOjB,eAAA,EAAe,oBAAA,CAAA,aAAA,CAPE,oBAAA,CAOF,gBAAA,OAAA,oBAAA,CAAA,mBAAA;AAAA;;;;;;AAnGjB;;;;;;;;;;;;cCQa,YAAA,EAAY,MAAA,CAAA,OAAA,CAGvB,MAAA,CAHuB,MAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/demo/DemoRouter.ts","../../src/demo/primitives/$uiDemo.ts","../../src/demo/index.ts"],"mappings":";;;;cAwBa,UAAA;EACX,UAAA,EAAU,oBAAA,CAAA,aAAA,CADW,oBAAA,CACX,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAgBV,QAAA,EAAQ,oBAAA,CAAA,aAAA,CAhBE,oBAAA,CAgBF,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAQR,QAAA,EAAQ,oBAAA,CAAA,aAAA,CARA,oBAAA,CAQA,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAYR,QAAA,EAAQ,oBAAA,CAAA,aAAA,CAZA,oBAAA,CAYA,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOR,QAAA,EAAQ,oBAAA,CAAA,aAAA,CAPA,oBAAA,CAOA,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOR,WAAA,EAAW,oBAAA,CAAA,aAAA,CAPH,oBAAA,CAOG,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOX,UAAA,EAAU,oBAAA,CAAA,aAAA,CAPC,oBAAA,CAOD,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAQV,iBAAA,EAAiB,oBAAA,CAAA,aAAA,CARP,oBAAA,CAQO,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOjB,WAAA,EAAW,oBAAA,CAAA,aAAA,CAPM,oBAAA,CAON,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOX,UAAA,EAAU,oBAAA,CAAA,aAAA,CAPC,oBAAA,CAOD,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOV,SAAA,EAAS,oBAAA,CAAA,aAAA,CAPC,oBAAA,CAOD,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAQT,QAAA,EAAQ,oBAAA,CAAA,aAAA,CARC,oBAAA,CAQD,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOR,YAAA,EAAY,oBAAA,CAAA,aAAA,CAPJ,oBAAA,CAOI,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAQZ,SAAA,EAAS,oBAAA,CAAA,aAAA,CARG,oBAAA,CAQH,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOT,aAAA,EAAa,oBAAA,CAAA,aAAA,CAPJ,oBAAA,CAOI,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAQb,QAAA,EAAQ,oBAAA,CAAA,aAAA,CARK,oBAAA,CAQL,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOR,cAAA,EAAc,oBAAA,CAAA,aAAA,CAPN,oBAAA,CAOM,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAQd,QAAA,EAAQ,oBAAA,CAAA,aAAA,CARM,oBAAA,CAQN,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAYR,SAAA,EAAS,oBAAA,CAAA,aAAA,CAZD,oBAAA,CAYC,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOT,YAAA,EAAY,oBAAA,CAAA,aAAA,CAPH,oBAAA,CAOG,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOZ,iBAAA,EAAiB,oBAAA,CAAA,aAAA,CAPL,oBAAA,CAOK,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOjB,eAAA,EAAe,oBAAA,CAAA,aAAA,CAPE,oBAAA,CAOF,gBAAA,OAAA,oBAAA,CAAA,mBAAA;AAAA;;;;;;cC/LJ,OAAA,QAAO,UAAA;;;;;ADkBpB;;;;;;;;;cEFa,YAAA,EAAY,MAAA,CAAA,OAAA,CAGvB,MAAA,CAHuB,MAAA"}

package/dist/demo/index.js

@@ -1,6 +1,6 @@
-import { AlephaUI } from "@alepha/ui";
-import { $module } from "alepha";
-import { IconBinaryTree, IconBraces, IconForms, IconHome, IconKey, IconLayoutSidebar, IconLockQuestion, IconLogin, IconMailCheck, IconPackages, IconTable, IconUserPlus, IconWall } from "@tabler/icons-react";
+import { t as AlephaUI } from "./core-RCUw1Q-a.js";
+import { $context, $module } from "alepha";
+import { IconBell, IconBinaryTree, IconBraces, IconClick, IconForms, IconHeading, IconHome, IconKey, IconLayout, IconLayoutSidebar, IconLetterT, IconLockQuestion, IconLogin, IconMailCheck, IconMessage, IconPackages, IconRowInsertBottom, IconTable, IconUserPlus, IconWall } from "@tabler/icons-react";
 import { $page } from "alepha/react/router";
 
 //#region ../../src/demo/DemoRouter.ts
@@ -9,10 +9,13 @@ var DemoRouter = class {
 		icon: IconPackages,
 		path: "/demo",
 		label: "Demo",
-		lazy: () => import("./DemoLayout-DHVoacE6.js"),
+		lazy: () => import("./DemoLayout-C56xb5EE.js"),
 		children: () => [
 			this.demoHome,
 			this.demoCore,
+			this.demoLayoutSection,
+			this.demoForm,
+			this.demoTable,
 			this.demoJson,
 			this.demoAuth
 		]
@@ -21,35 +24,94 @@ var DemoRouter = class {
 		icon: IconHome,
 		path: "/",
 		label: "Home",
-		lazy: () => import("./DemoHome-CUMZsYaH.js")
+		lazy: () => import("./DemoHome-Clbn8AmS.js")
 	});
 	demoCore = $page({
 		icon: IconWall,
 		path: "/core",
 		label: "Core",
 		children: () => [
-			this.demoTypeForm,
+			this.demoFlex,
+			this.demoText,
+			this.demoButton,
+			this.demoHeading
+		]
+	});
+	demoFlex = $page({
+		icon: IconRowInsertBottom,
+		path: "/flex",
+		label: "Flex",
+		lazy: () => import("./DemoFlex-EtVq8QfX.js")
+	});
+	demoText = $page({
+		icon: IconLetterT,
+		path: "/text",
+		label: "Text",
+		lazy: () => import("./DemoText-CzXuUn3g.js")
+	});
+	demoHeading = $page({
+		icon: IconHeading,
+		path: "/heading",
+		label: "Heading",
+		lazy: () => import("./DemoHeading-BS-vGfkI.js")
+	});
+	demoButton = $page({
+		icon: IconClick,
+		path: "/button",
+		label: "Button",
+		lazy: () => import("./DemoButton-BmaWZVwf.js")
+	});
+	demoLayoutSection = $page({
+		icon: IconLayout,
+		path: "/layout",
+		label: "Layout",
+		children: () => [
 			this.demoSidebar,
-			this.demoDataTable
+			this.demoDialog,
+			this.demoToast
 		]
 	});
+	demoSidebar = $page({
+		icon: IconLayoutSidebar,
+		path: "/sidebar",
+		label: "Sidebar",
+		lazy: () => import("./DemoSidebar-CcBo4ltC.js")
+	});
+	demoDialog = $page({
+		icon: IconMessage,
+		path: "/dialog",
+		label: "Dialog",
+		lazy: () => import("./DemoDialog-4ItHLf9t.js")
+	});
+	demoToast = $page({
+		icon: IconBell,
+		path: "/toast",
+		label: "Toast",
+		lazy: () => import("./DemoToast-BgHDhWrX.js")
+	});
+	demoForm = $page({
+		icon: IconForms,
+		path: "/form",
+		label: "Form",
+		children: () => [this.demoTypeForm]
+	});
 	demoTypeForm = $page({
 		icon: IconForms,
 		path: "/type-form",
 		label: "TypeForm",
-		lazy: () => import("./DemoTypeForm-CWz6fJrJ.js")
+		lazy: () => import("./DemoTypeForm-DDzWoMSV.js")
 	});
-	demoSidebar = $page({
-		icon: IconLayoutSidebar,
-		path: "/sidebar",
-		label: "Sidebar",
-		lazy: () => import("./DemoSidebar-C1csnGhX.js")
+	demoTable = $page({
+		icon: IconTable,
+		path: "/table",
+		label: "Table",
+		children: () => [this.demoDataTable]
 	});
 	demoDataTable = $page({
 		icon: IconTable,
 		path: "/data-table",
 		label: "DataTable",
-		lazy: () => import("./DemoDataTable-lnBKWBf8.js")
+		lazy: () => import("./DemoDataTable-Z9xyV221.js")
 	});
 	demoJson = $page({
 		icon: IconBraces,
@@ -61,7 +123,7 @@ var DemoRouter = class {
 		icon: IconBinaryTree,
 		path: "/viewer",
 		label: "JsonViewer",
-		lazy: () => import("./DemoJsonViewer-_uokbGaW.js")
+		lazy: () => import("./DemoJsonViewer-DkIX_ky2.js")
 	});
 	demoAuth = $page({
 		icon: IconKey,
@@ -78,35 +140,41 @@ var DemoRouter = class {
 		icon: IconLogin,
 		path: "/login",
 		label: "Login",
-		lazy: () => import("./DemoLogin-DjJ9314c.js")
+		lazy: () => import("./DemoLogin-BZwpicOS.js")
 	});
 	demoRegister = $page({
 		icon: IconUserPlus,
 		path: "/register",
 		label: "Register",
-		lazy: () => import("./DemoRegister-DzkJ5M83.js")
+		lazy: () => import("./DemoRegister-C7_qc4MJ.js")
 	});
 	demoResetPassword = $page({
 		icon: IconLockQuestion,
 		path: "/reset-password",
 		label: "ResetPassword",
-		lazy: () => import("./DemoResetPassword-DWh4_BpQ.js")
+		lazy: () => import("./DemoResetPassword-BI1Ct4Dw.js")
 	});
 	demoVerifyEmail = $page({
 		icon: IconMailCheck,
 		path: "/verify-email",
 		label: "VerifyEmail",
-		lazy: () => import("./DemoVerifyEmail-DbU_tCj8.js")
+		lazy: () => import("./DemoVerifyEmail-C_Irdnov.js")
 	});
 };
 
+//#endregion
+//#region ../../src/demo/primitives/$uiDemo.ts
+/**
+* Register Demo UI components and get the DemoRouter instance.
+*/
+const $uiDemo = () => {
+	const { alepha } = $context();
+	return alepha.inject(DemoRouter);
+};
+
 //#endregion
 //#region ../../src/demo/index.ts
 /**
-* | type | quality | stability |
-* |------|---------|-----------|
-* | frontend | standard | experimental |
-*
 * Component showcase and documentation.
 *
 * **Features:**
@@ -123,5 +191,5 @@ const AlephaUIDemo = $module({
 });
 
 //#endregion
-export { AlephaUIDemo, DemoRouter };
+export { $uiDemo, AlephaUIDemo, DemoRouter };
 //# sourceMappingURL=index.js.map

package/dist/demo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/demo/DemoRouter.ts","../../src/demo/index.ts"],"sourcesContent":["import {\n  IconBinaryTree,\n  IconBraces,\n  IconForms,\n  IconHome,\n  IconKey,\n  IconLayoutSidebar,\n  IconLockQuestion,\n  IconLogin,\n  IconMailCheck,\n  IconPackages,\n  IconTable,\n  IconUserPlus,\n  IconWall,\n} from \"@tabler/icons-react\";\nimport { $page } from \"alepha/react/router\";\n\nexport class DemoRouter {\n  demoLayout = $page({\n    icon: IconPackages,\n    path: \"/demo\",\n    label: \"Demo\",\n    lazy: () => import(\"./components/DemoLayout.tsx\"),\n    children: () => [\n      this.demoHome,\n      this.demoCore,\n      this.demoJson,\n      this.demoAuth,\n    ],\n  });\n\n  demoHome = $page({\n    icon: IconHome,\n    path: \"/\",\n    label: \"Home\",\n    lazy: () => import(\"./components/DemoHome.tsx\"),\n  });\n\n  // Core Components\n  demoCore = $page({\n    icon: IconWall,\n    path: \"/core\",\n    label: \"Core\",\n    children: () => [this.demoTypeForm, this.demoSidebar, this.demoDataTable],\n  });\n\n  demoTypeForm = $page({\n    icon: IconForms,\n    path: \"/type-form\",\n    label: \"TypeForm\",\n    lazy: () => import(\"./components/core/DemoTypeForm.tsx\"),\n  });\n\n  demoSidebar = $page({\n    icon: IconLayoutSidebar,\n    path: \"/sidebar\",\n    label: \"Sidebar\",\n    lazy: () => import(\"./components/core/DemoSidebar.tsx\"),\n  });\n\n  demoDataTable = $page({\n    icon: IconTable,\n    path: \"/data-table\",\n    label: \"DataTable\",\n    lazy: () => import(\"./components/core/DemoDataTable.tsx\"),\n  });\n\n  // JSON Components\n  demoJson = $page({\n    icon: IconBraces,\n    path: \"/json\",\n    label: \"Json\",\n    children: () => [this.demoJsonViewer],\n  });\n\n  demoJsonViewer = $page({\n    icon: IconBinaryTree,\n    path: \"/viewer\",\n    label: \"JsonViewer\",\n    lazy: () => import(\"./components/json/DemoJsonViewer.tsx\"),\n  });\n\n  // Auth Components\n  demoAuth = $page({\n    icon: IconKey,\n    path: \"/auth\",\n    label: \"Auth\",\n    children: () => [\n      this.demoLogin,\n      this.demoRegister,\n      this.demoResetPassword,\n      this.demoVerifyEmail,\n    ],\n  });\n\n  demoLogin = $page({\n    icon: IconLogin,\n    path: \"/login\",\n    label: \"Login\",\n    lazy: () => import(\"./components/auth/DemoLogin.tsx\"),\n  });\n\n  demoRegister = $page({\n    icon: IconUserPlus,\n    path: \"/register\",\n    label: \"Register\",\n    lazy: () => import(\"./components/auth/DemoRegister.tsx\"),\n  });\n\n  demoResetPassword = $page({\n    icon: IconLockQuestion,\n    path: \"/reset-password\",\n    label: \"ResetPassword\",\n    lazy: () => import(\"./components/auth/DemoResetPassword.tsx\"),\n  });\n\n  demoVerifyEmail = $page({\n    icon: IconMailCheck,\n    path: \"/verify-email\",\n    label: \"VerifyEmail\",\n    lazy: () => import(\"./components/auth/DemoVerifyEmail.tsx\"),\n  });\n}\n","import { AlephaUI } from \"@alepha/ui\";\nimport { $module } from \"alepha\";\nimport { DemoRouter } from \"./DemoRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport { DemoRouter } from \"./DemoRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * | type | quality | stability |\n * |------|---------|-----------|\n * | frontend | standard | experimental |\n *\n * Component showcase and documentation.\n *\n * **Features:**\n * - DemoLayout for demo pages\n * - DemoHome landing page\n * - MacWindow component for showcases\n * - Showcase component for component demos\n *\n * @module alepha.ui.demo\n */\nexport const AlephaUIDemo = $module({\n  name: \"alepha.ui.demo\",\n  services: [AlephaUI, DemoRouter],\n});\n"],"mappings":";;;;;;AAiBA,IAAa,aAAb,MAAwB;CACtB,aAAa,MAAM;EACjB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACnB,gBAAgB;GACd,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACN;EACF,CAAC;CAEF,WAAW,MAAM;EACf,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAGF,WAAW,MAAM;EACf,MAAM;EACN,MAAM;EACN,OAAO;EACP,gBAAgB;GAAC,KAAK;GAAc,KAAK;GAAa,KAAK;GAAc;EAC1E,CAAC;CAEF,eAAe,MAAM;EACnB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,cAAc,MAAM;EAClB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,gBAAgB,MAAM;EACpB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAGF,WAAW,MAAM;EACf,MAAM;EACN,MAAM;EACN,OAAO;EACP,gBAAgB,CAAC,KAAK,eAAe;EACtC,CAAC;CAEF,iBAAiB,MAAM;EACrB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAGF,WAAW,MAAM;EACf,MAAM;EACN,MAAM;EACN,OAAO;EACP,gBAAgB;GACd,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACN;EACF,CAAC;CAEF,YAAY,MAAM;EAChB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,eAAe,MAAM;EACnB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,oBAAoB,MAAM;EACxB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,kBAAkB,MAAM;EACtB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;;;;;;;;;;;;;;;;;;;;AChGJ,MAAa,eAAe,QAAQ;CAClC,MAAM;CACN,UAAU,CAAC,UAAU,WAAW;CACjC,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/demo/DemoRouter.ts","../../src/demo/primitives/$uiDemo.ts","../../src/demo/index.ts"],"sourcesContent":["import {\n  IconBell,\n  IconBinaryTree,\n  IconBraces,\n  IconClick,\n  IconForms,\n  IconHeading,\n  IconHome,\n  IconKey,\n  IconLayout,\n  IconLayoutSidebar,\n  IconLetterT,\n  IconLockQuestion,\n  IconLogin,\n  IconMailCheck,\n  IconMessage,\n  IconPackages,\n  IconRowInsertBottom,\n  IconTable,\n  IconUserPlus,\n  IconWall,\n} from \"@tabler/icons-react\";\nimport { $page } from \"alepha/react/router\";\n\nexport class DemoRouter {\n  demoLayout = $page({\n    icon: IconPackages,\n    path: \"/demo\",\n    label: \"Demo\",\n    lazy: () => import(\"./components/DemoLayout.tsx\"),\n    children: () => [\n      this.demoHome,\n      this.demoCore,\n      this.demoLayoutSection,\n      this.demoForm,\n      this.demoTable,\n      this.demoJson,\n      this.demoAuth,\n    ],\n  });\n\n  demoHome = $page({\n    icon: IconHome,\n    path: \"/\",\n    label: \"Home\",\n    lazy: () => import(\"./components/DemoHome.tsx\"),\n  });\n\n  // Core Components\n  demoCore = $page({\n    icon: IconWall,\n    path: \"/core\",\n    label: \"Core\",\n    children: () => [\n      this.demoFlex,\n      this.demoText,\n      this.demoButton,\n      this.demoHeading,\n    ],\n  });\n\n  demoFlex = $page({\n    icon: IconRowInsertBottom,\n    path: \"/flex\",\n    label: \"Flex\",\n    lazy: () => import(\"./components/core/DemoFlex.tsx\"),\n  });\n\n  demoText = $page({\n    icon: IconLetterT,\n    path: \"/text\",\n    label: \"Text\",\n    lazy: () => import(\"./components/core/DemoText.tsx\"),\n  });\n\n  demoHeading = $page({\n    icon: IconHeading,\n    path: \"/heading\",\n    label: \"Heading\",\n    lazy: () => import(\"./components/core/DemoHeading.tsx\"),\n  });\n\n  demoButton = $page({\n    icon: IconClick,\n    path: \"/button\",\n    label: \"Button\",\n    lazy: () => import(\"./components/core/DemoButton.tsx\"),\n  });\n\n  // Layout Components\n  demoLayoutSection = $page({\n    icon: IconLayout,\n    path: \"/layout\",\n    label: \"Layout\",\n    children: () => [this.demoSidebar, this.demoDialog, this.demoToast],\n  });\n\n  demoSidebar = $page({\n    icon: IconLayoutSidebar,\n    path: \"/sidebar\",\n    label: \"Sidebar\",\n    lazy: () => import(\"./components/layout/DemoSidebar.tsx\"),\n  });\n\n  demoDialog = $page({\n    icon: IconMessage,\n    path: \"/dialog\",\n    label: \"Dialog\",\n    lazy: () => import(\"./components/layout/DemoDialog.tsx\"),\n  });\n\n  demoToast = $page({\n    icon: IconBell,\n    path: \"/toast\",\n    label: \"Toast\",\n    lazy: () => import(\"./components/layout/DemoToast.tsx\"),\n  });\n\n  // Form Components\n  demoForm = $page({\n    icon: IconForms,\n    path: \"/form\",\n    label: \"Form\",\n    children: () => [this.demoTypeForm],\n  });\n\n  demoTypeForm = $page({\n    icon: IconForms,\n    path: \"/type-form\",\n    label: \"TypeForm\",\n    lazy: () => import(\"./components/core/DemoTypeForm.tsx\"),\n  });\n\n  // Table Components\n  demoTable = $page({\n    icon: IconTable,\n    path: \"/table\",\n    label: \"Table\",\n    children: () => [this.demoDataTable],\n  });\n\n  demoDataTable = $page({\n    icon: IconTable,\n    path: \"/data-table\",\n    label: \"DataTable\",\n    lazy: () => import(\"./components/core/DemoDataTable.tsx\"),\n  });\n\n  // JSON Components\n  demoJson = $page({\n    icon: IconBraces,\n    path: \"/json\",\n    label: \"Json\",\n    children: () => [this.demoJsonViewer],\n  });\n\n  demoJsonViewer = $page({\n    icon: IconBinaryTree,\n    path: \"/viewer\",\n    label: \"JsonViewer\",\n    lazy: () => import(\"./components/json/DemoJsonViewer.tsx\"),\n  });\n\n  // Auth Components\n  demoAuth = $page({\n    icon: IconKey,\n    path: \"/auth\",\n    label: \"Auth\",\n    children: () => [\n      this.demoLogin,\n      this.demoRegister,\n      this.demoResetPassword,\n      this.demoVerifyEmail,\n    ],\n  });\n\n  demoLogin = $page({\n    icon: IconLogin,\n    path: \"/login\",\n    label: \"Login\",\n    lazy: () => import(\"./components/auth/DemoLogin.tsx\"),\n  });\n\n  demoRegister = $page({\n    icon: IconUserPlus,\n    path: \"/register\",\n    label: \"Register\",\n    lazy: () => import(\"./components/auth/DemoRegister.tsx\"),\n  });\n\n  demoResetPassword = $page({\n    icon: IconLockQuestion,\n    path: \"/reset-password\",\n    label: \"ResetPassword\",\n    lazy: () => import(\"./components/auth/DemoResetPassword.tsx\"),\n  });\n\n  demoVerifyEmail = $page({\n    icon: IconMailCheck,\n    path: \"/verify-email\",\n    label: \"VerifyEmail\",\n    lazy: () => import(\"./components/auth/DemoVerifyEmail.tsx\"),\n  });\n}\n","import { $context } from \"alepha\";\nimport { DemoRouter } from \"../DemoRouter.ts\";\n\n/**\n * Register Demo UI components and get the DemoRouter instance.\n */\nexport const $uiDemo = () => {\n  const { alepha } = $context();\n  return alepha.inject(DemoRouter);\n};\n","import { AlephaUI } from \"@alepha/ui\";\nimport { $module } from \"alepha\";\nimport { DemoRouter } from \"./DemoRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport { DemoRouter } from \"./DemoRouter.ts\";\nexport * from \"./primitives/$uiDemo.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Component showcase and documentation.\n *\n * **Features:**\n * - DemoLayout for demo pages\n * - DemoHome landing page\n * - MacWindow component for showcases\n * - Showcase component for component demos\n *\n * @module alepha.ui.demo\n */\nexport const AlephaUIDemo = $module({\n  name: \"alepha.ui.demo\",\n  services: [AlephaUI, DemoRouter],\n});\n"],"mappings":"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"}

package/dist/demo/rolldown-runtime-CjeV3_4I.js

@@ -0,0 +1,18 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (!no_symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
+};
+
+//#endregion
+export { __exportAll as t };

package/package.json

@@ -7,7 +7,7 @@
     "mantine"
   ],
   "author": "Nicolas Foures",
-  "version": "0.17.2",
+  "version": "0.18.1",
   "type": "module",
   "engines": {
     "node": ">=22.0.0"
@@ -22,25 +22,25 @@
     "styles.css"
   ],
   "dependencies": {
-    "@mantine/charts": "^8.3.14",
-    "@mantine/core": "^8.3.14",
-    "@mantine/dates": "^8.3.14",
-    "@mantine/hooks": "^8.3.14",
-    "@mantine/modals": "^8.3.14",
-    "@mantine/notifications": "^8.3.14",
-    "@mantine/nprogress": "^8.3.14",
-    "@mantine/spotlight": "^8.3.14",
-    "@tabler/icons-react": "^3.36.1",
+    "@mantine/charts": "^8.3.15",
+    "@mantine/core": "^8.3.15",
+    "@mantine/dates": "^8.3.15",
+    "@mantine/hooks": "^8.3.15",
+    "@mantine/modals": "^8.3.15",
+    "@mantine/notifications": "^8.3.15",
+    "@mantine/nprogress": "^8.3.15",
+    "@mantine/spotlight": "^8.3.15",
+    "@tabler/icons-react": "^3.37.1",
     "dayjs": "^1.11.19",
     "react-is": "^19.2.4",
     "recharts": "^3.7.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.3.15",
+    "@biomejs/biome": "^2.4.4",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
     "@types/react-is": "^19.2.0",
-    "alepha": "0.17.2",
+    "alepha": "0.18.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "typescript": "^5.9.3",
@@ -48,16 +48,17 @@
     "vitest": "^4.0.18"
   },
   "peerDependencies": {
-    "alepha": "0.17.2",
+    "alepha": "0.18.1",
     "react": "*",
     "react-dom": "*"
   },
   "scripts": {
     "dev": "alepha dev",
-    "lint": "alepha lint",
+    "lint": "alepha lint && yarn build:check",
     "typecheck": "alepha typecheck",
     "test": "alepha test",
-    "build": "node scripts/build.ts"
+    "build": "node ../alepha/scripts/build.ts",
+    "build:check": "node scripts/build.ts --check"
   },
   "repository": {
     "type": "git",
@@ -85,11 +86,6 @@
       "import": "./dist/demo/index.js",
       "default": "./dist/demo/index.js"
     },
-    "./json": {
-      "types": "./dist/json/index.d.ts",
-      "import": "./dist/json/index.js",
-      "default": "./dist/json/index.js"
-    },
     "./styles": "./src/core/styles.css",
     "./json/styles": "./src/json/styles.css"
   }

package/src/admin/AdminRouter.ts

@@ -7,7 +7,6 @@ import {
   IconHistory,
   IconKey,
   IconListDetails,
-  IconPlus,
   IconSettings,
   IconTerminal2,
   IconUser,
@@ -43,7 +42,6 @@ export class AdminRouter {
 
   public configFn?: (adminRouter: AdminRouter) => DashboardShellProps = () => {
     return {
-      sidebarResizable: true,
       sidebarProps: {
         items: this.getDefaultSidebarItems(),
       },
@@ -81,7 +79,7 @@ export class AdminRouter {
           {
             ...this.router.node(this.adminJobDashboard.name),
             href: undefined,
-            can: () => this.jobCtrl.getRegistry.can(),
+            can: () => this.jobCtrl.getJobRegistry.can(),
             children: [
               {
                 ...this.router.node(this.adminJobDashboard.name),
@@ -101,7 +99,6 @@ export class AdminRouter {
           },
         ],
       },
-      { type: "toggle", position: "bottom" },
     ];
   }
 
@@ -155,54 +152,28 @@ export class AdminRouter {
     can: () => this.userCtrl.findUsers.can(),
   });
 
-  public readonly adminUserCreate = $page({
-    icon: IconPlus,
-    parent: this.adminLayout,
-    path: "/users/create",
-    label: "Create User",
-    description: "Create a new user account",
-    lazy: () => import("./components/users/AdminUserCreate.tsx"),
-    can: () => this.userCtrl.createUser.can(),
-  });
-
   public readonly adminUserLayout = $page({
-    icon: IconUser,
     parent: this.adminLayout,
     path: "/users/:userId",
-    label: "User",
     lazy: () => import("./components/users/AdminUserLayout.tsx"),
-    can: () => this.userCtrl.getUser.can(),
   });
 
-  public readonly adminUserDetails = $page({
+  public readonly adminUserProfile = $page({
+    icon: IconUser,
     parent: this.adminUserLayout,
-    path: "/details",
-    label: "Details",
-    lazy: () => import("./components/users/AdminUserDetails.tsx"),
+    path: "/",
+    label: "Profile",
+    lazy: () => import("./components/users/AdminUserProfile.tsx"),
   });
 
   public readonly adminUserSessions = $page({
+    icon: IconDevices,
     parent: this.adminUserLayout,
     path: "/sessions",
     label: "Sessions",
     lazy: () => import("./components/users/AdminUserSessions.tsx"),
   });
 
-  public readonly adminUserSettings = $page({
-    parent: this.adminUserLayout,
-    path: "/settings",
-    label: "Settings",
-    lazy: () => import("./components/users/AdminUserSettings.tsx"),
-  });
-
-  public readonly adminUserAudits = $page({
-    parent: this.adminUserLayout,
-    path: "/audits",
-    label: "Audit Log",
-    lazy: () => import("./components/users/AdminUserAudits.tsx"),
-    can: () => this.auditCtrl.findByUser.can(),
-  });
-
   // ─────────────────────────────────────────────────────────────────────────────
   // Audits (Global)
   // ─────────────────────────────────────────────────────────────────────────────
@@ -274,7 +245,7 @@ export class AdminRouter {
     label: "Jobs",
     description: "Monitor and manage background jobs and scheduled tasks.",
     lazy: () => import("./components/jobs/AdminJobDashboard.tsx"),
-    can: () => this.jobCtrl.getRegistry.can(),
+    can: () => this.jobCtrl.getJobRegistry.can(),
   });
 
   public readonly adminJobRegistry = $page({
@@ -284,7 +255,7 @@ export class AdminRouter {
     label: "Registry",
     description: "View all registered job definitions.",
     lazy: () => import("./components/jobs/AdminJobRegistry.tsx"),
-    can: () => this.jobCtrl.getRegistry.can(),
+    can: () => this.jobCtrl.getJobRegistry.can(),
   });
 
   public readonly adminJobExecutions = $page({
@@ -294,7 +265,7 @@ export class AdminRouter {
     label: "Executions",
     description: "Browse and filter job execution history.",
     lazy: () => import("./components/jobs/AdminJobExecutions.tsx"),
-    can: () => this.jobCtrl.findExecutions.can(),
+    can: () => this.jobCtrl.findJobExecutions.can(),
   });
 
   // ─────────────────────────────────────────────────────────────────────────────

package/src/admin/components/AdminLayout.tsx

@@ -1,8 +1,12 @@
 import {
   ActionButton,
   AlephaMantineProvider,
+  Breadcrumbs,
   DashboardShell,
   type DashboardShellProps,
+  LanguageButton,
+  SidebarCollapseButton,
+  ThemeButton,
 } from "@alepha/ui";
 import { UserButton } from "@alepha/ui/auth";
 import { Flex } from "@mantine/core";
@@ -14,32 +18,60 @@ export interface AdminLayoutProps {
 
 const AdminLayout = (props: AdminLayoutProps) => {
   return (
-    <AlephaMantineProvider>
+    <AlephaMantineProvider
+      mantine={{
+        theme: {
+          components: {
+            Button: {
+              defaultProps: {
+                fw: 400,
+              },
+            },
+          },
+        },
+      }}
+    >
       <DashboardShell
-        footer={<Flex h={24} />}
+        layout={"alt"}
+        navbarHeader={
+          <Flex px={"lg"} align={"center"} justify={"center"}>
+            <ActionButton variant={"subtle"} icon={IconArrowLeft} href={"/"} />
+          </Flex>
+        }
+        footerHeight={50}
+        navbarFooter={
+          <Flex flex={1} px={"lg"} gap={"md"} align={"center"}>
+            <SidebarCollapseButton />
+          </Flex>
+        }
         appBarProps={{
           items: [
             {
-              element: (
-                <ActionButton
-                  variant={"subtle"}
-                  icon={IconArrowLeft}
-                  href={"/"}
-                />
-              ),
+              type: "burger",
+              position: "left",
+            },
+            {
+              element: <Breadcrumbs />,
               position: "left",
             },
             {
               element: <UserButton />,
               position: "right",
             },
+            {
+              element: <ThemeButton />,
+              position: "right",
+            },
+            {
+              element: <LanguageButton />,
+              position: "right",
+            },
             {
               type: "dark",
               position: "right",
             },
           ],
         }}
-        sidebarResizable
         sidebarProps={{
           autoPopulateMenu: {
             startsWith: "/admin",