@btst/stack 2.5.6 → 2.6.1

package/dist/packages/stack/src/plugins/cms/client/plugin.cjs

@@ -251,32 +251,44 @@ function createContentEditorMeta(typeSlug, id, config) {
 const cmsClientPlugin = (config) => client.defineClientPlugin({
   name: "cms",
   routes: () => ({
-    dashboard: yar.createRoute("/cms", () => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(DashboardPageComponent, {}),
-      loader: createDashboardLoader(config),
-      meta: createDashboardMeta()
-    })),
-    contentList: yar.createRoute("/cms/:typeSlug", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(ContentListPageComponent, { typeSlug: params.typeSlug }),
-      loader: createContentListLoader(params.typeSlug, config),
-      meta: createContentListMeta(params.typeSlug, config)
-    })),
-    newContent: yar.createRoute("/cms/:typeSlug/new", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(ContentEditorPageComponent, { typeSlug: params.typeSlug }),
-      loader: createContentEditorLoader(params.typeSlug, void 0, config),
-      meta: createContentEditorMeta(params.typeSlug, void 0, config)
-    })),
-    editContent: yar.createRoute("/cms/:typeSlug/:id", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(
-        ContentEditorPageComponent,
-        {
-          typeSlug: params.typeSlug,
-          id: params.id
-        }
-      ),
-      loader: createContentEditorLoader(params.typeSlug, params.id, config),
-      meta: createContentEditorMeta(params.typeSlug, params.id, config)
-    }))
+    dashboard: yar.createRoute("/cms", () => {
+      const CustomDashboard = config.pageComponents?.dashboard;
+      return {
+        PageComponent: CustomDashboard ?? (() => /* @__PURE__ */ jsxRuntime.jsx(DashboardPageComponent, {})),
+        loader: createDashboardLoader(config),
+        meta: createDashboardMeta()
+      };
+    }),
+    contentList: yar.createRoute("/cms/:typeSlug", ({ params }) => {
+      const CustomContentList = config.pageComponents?.contentList;
+      return {
+        PageComponent: CustomContentList ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomContentList, { typeSlug: params.typeSlug }) : () => /* @__PURE__ */ jsxRuntime.jsx(ContentListPageComponent, { typeSlug: params.typeSlug }),
+        loader: createContentListLoader(params.typeSlug, config),
+        meta: createContentListMeta(params.typeSlug, config)
+      };
+    }),
+    newContent: yar.createRoute("/cms/:typeSlug/new", ({ params }) => {
+      const CustomNewContent = config.pageComponents?.newContent;
+      return {
+        PageComponent: CustomNewContent ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomNewContent, { typeSlug: params.typeSlug }) : () => /* @__PURE__ */ jsxRuntime.jsx(ContentEditorPageComponent, { typeSlug: params.typeSlug }),
+        loader: createContentEditorLoader(params.typeSlug, void 0, config),
+        meta: createContentEditorMeta(params.typeSlug, void 0, config)
+      };
+    }),
+    editContent: yar.createRoute("/cms/:typeSlug/:id", ({ params }) => {
+      const CustomEditContent = config.pageComponents?.editContent;
+      return {
+        PageComponent: CustomEditContent ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomEditContent, { typeSlug: params.typeSlug, id: params.id }) : () => /* @__PURE__ */ jsxRuntime.jsx(
+          ContentEditorPageComponent,
+          {
+            typeSlug: params.typeSlug,
+            id: params.id
+          }
+        ),
+        loader: createContentEditorLoader(params.typeSlug, params.id, config),
+        meta: createContentEditorMeta(params.typeSlug, params.id, config)
+      };
+    })
   }),
   sitemap: async () => {
     return [];

package/dist/packages/stack/src/plugins/cms/client/plugin.mjs

@@ -249,32 +249,44 @@ function createContentEditorMeta(typeSlug, id, config) {
 const cmsClientPlugin = (config) => defineClientPlugin({
   name: "cms",
   routes: () => ({
-    dashboard: createRoute("/cms", () => ({
-      PageComponent: () => /* @__PURE__ */ jsx(DashboardPageComponent, {}),
-      loader: createDashboardLoader(config),
-      meta: createDashboardMeta()
-    })),
-    contentList: createRoute("/cms/:typeSlug", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsx(ContentListPageComponent, { typeSlug: params.typeSlug }),
-      loader: createContentListLoader(params.typeSlug, config),
-      meta: createContentListMeta(params.typeSlug, config)
-    })),
-    newContent: createRoute("/cms/:typeSlug/new", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsx(ContentEditorPageComponent, { typeSlug: params.typeSlug }),
-      loader: createContentEditorLoader(params.typeSlug, void 0, config),
-      meta: createContentEditorMeta(params.typeSlug, void 0, config)
-    })),
-    editContent: createRoute("/cms/:typeSlug/:id", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsx(
-        ContentEditorPageComponent,
-        {
-          typeSlug: params.typeSlug,
-          id: params.id
-        }
-      ),
-      loader: createContentEditorLoader(params.typeSlug, params.id, config),
-      meta: createContentEditorMeta(params.typeSlug, params.id, config)
-    }))
+    dashboard: createRoute("/cms", () => {
+      const CustomDashboard = config.pageComponents?.dashboard;
+      return {
+        PageComponent: CustomDashboard ?? (() => /* @__PURE__ */ jsx(DashboardPageComponent, {})),
+        loader: createDashboardLoader(config),
+        meta: createDashboardMeta()
+      };
+    }),
+    contentList: createRoute("/cms/:typeSlug", ({ params }) => {
+      const CustomContentList = config.pageComponents?.contentList;
+      return {
+        PageComponent: CustomContentList ? () => /* @__PURE__ */ jsx(CustomContentList, { typeSlug: params.typeSlug }) : () => /* @__PURE__ */ jsx(ContentListPageComponent, { typeSlug: params.typeSlug }),
+        loader: createContentListLoader(params.typeSlug, config),
+        meta: createContentListMeta(params.typeSlug, config)
+      };
+    }),
+    newContent: createRoute("/cms/:typeSlug/new", ({ params }) => {
+      const CustomNewContent = config.pageComponents?.newContent;
+      return {
+        PageComponent: CustomNewContent ? () => /* @__PURE__ */ jsx(CustomNewContent, { typeSlug: params.typeSlug }) : () => /* @__PURE__ */ jsx(ContentEditorPageComponent, { typeSlug: params.typeSlug }),
+        loader: createContentEditorLoader(params.typeSlug, void 0, config),
+        meta: createContentEditorMeta(params.typeSlug, void 0, config)
+      };
+    }),
+    editContent: createRoute("/cms/:typeSlug/:id", ({ params }) => {
+      const CustomEditContent = config.pageComponents?.editContent;
+      return {
+        PageComponent: CustomEditContent ? () => /* @__PURE__ */ jsx(CustomEditContent, { typeSlug: params.typeSlug, id: params.id }) : () => /* @__PURE__ */ jsx(
+          ContentEditorPageComponent,
+          {
+            typeSlug: params.typeSlug,
+            id: params.id
+          }
+        ),
+        loader: createContentEditorLoader(params.typeSlug, params.id, config),
+        meta: createContentEditorMeta(params.typeSlug, params.id, config)
+      };
+    })
   }),
   sitemap: async () => {
     return [];

package/dist/packages/stack/src/plugins/form-builder/client/components/shared/default-error.cjs

@@ -9,7 +9,7 @@ function DefaultError({ error, resetErrorBoundary }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-destructive/10 p-4 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Something went wrong" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: error.message || "An unexpected error occurred" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred" }),
     resetErrorBoundary && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
   ] });
 }

package/dist/packages/stack/src/plugins/form-builder/client/components/shared/default-error.mjs

@@ -7,7 +7,7 @@ function DefaultError({ error, resetErrorBoundary }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "rounded-full bg-destructive/10 p-4 mb-4", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
     /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Something went wrong" }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: error.message || "An unexpected error occurred" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred" }),
     resetErrorBoundary && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
   ] });
 }

package/dist/packages/stack/src/plugins/form-builder/client/plugin.cjs

@@ -264,26 +264,38 @@ function createSubmissionsMeta(formId, config) {
 const formBuilderClientPlugin = (config) => client.defineClientPlugin({
   name: "form-builder",
   routes: () => ({
-    formList: yar.createRoute("/forms", () => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(FormListPageComponent, {}),
-      loader: createFormListLoader(config),
-      meta: createFormListMeta()
-    })),
-    newForm: yar.createRoute("/forms/new", () => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(FormBuilderPageComponent, {}),
-      loader: createFormBuilderLoader(void 0, config),
-      meta: createFormBuilderMeta(void 0, config)
-    })),
-    editForm: yar.createRoute("/forms/:id/edit", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(FormBuilderPageComponent, { id: params.id }),
-      loader: createFormBuilderLoader(params.id, config),
-      meta: createFormBuilderMeta(params.id, config)
-    })),
-    submissions: yar.createRoute("/forms/:id/submissions", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(SubmissionsPageComponent, { formId: params.id }),
-      loader: createSubmissionsLoader(params.id, config),
-      meta: createSubmissionsMeta(params.id, config)
-    }))
+    formList: yar.createRoute("/forms", () => {
+      const CustomFormList = config.pageComponents?.formList;
+      return {
+        PageComponent: CustomFormList ?? (() => /* @__PURE__ */ jsxRuntime.jsx(FormListPageComponent, {})),
+        loader: createFormListLoader(config),
+        meta: createFormListMeta()
+      };
+    }),
+    newForm: yar.createRoute("/forms/new", () => {
+      const CustomNewForm = config.pageComponents?.newForm;
+      return {
+        PageComponent: CustomNewForm ?? (() => /* @__PURE__ */ jsxRuntime.jsx(FormBuilderPageComponent, {})),
+        loader: createFormBuilderLoader(void 0, config),
+        meta: createFormBuilderMeta(void 0, config)
+      };
+    }),
+    editForm: yar.createRoute("/forms/:id/edit", ({ params }) => {
+      const CustomEditForm = config.pageComponents?.editForm;
+      return {
+        PageComponent: CustomEditForm ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomEditForm, { id: params.id }) : () => /* @__PURE__ */ jsxRuntime.jsx(FormBuilderPageComponent, { id: params.id }),
+        loader: createFormBuilderLoader(params.id, config),
+        meta: createFormBuilderMeta(params.id, config)
+      };
+    }),
+    submissions: yar.createRoute("/forms/:id/submissions", ({ params }) => {
+      const CustomSubmissions = config.pageComponents?.submissions;
+      return {
+        PageComponent: CustomSubmissions ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomSubmissions, { formId: params.id }) : () => /* @__PURE__ */ jsxRuntime.jsx(SubmissionsPageComponent, { formId: params.id }),
+        loader: createSubmissionsLoader(params.id, config),
+        meta: createSubmissionsMeta(params.id, config)
+      };
+    })
   }),
   sitemap: async () => {
     return [];

package/dist/packages/stack/src/plugins/form-builder/client/plugin.mjs

@@ -262,26 +262,38 @@ function createSubmissionsMeta(formId, config) {
 const formBuilderClientPlugin = (config) => defineClientPlugin({
   name: "form-builder",
   routes: () => ({
-    formList: createRoute("/forms", () => ({
-      PageComponent: () => /* @__PURE__ */ jsx(FormListPageComponent, {}),
-      loader: createFormListLoader(config),
-      meta: createFormListMeta()
-    })),
-    newForm: createRoute("/forms/new", () => ({
-      PageComponent: () => /* @__PURE__ */ jsx(FormBuilderPageComponent, {}),
-      loader: createFormBuilderLoader(void 0, config),
-      meta: createFormBuilderMeta(void 0, config)
-    })),
-    editForm: createRoute("/forms/:id/edit", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsx(FormBuilderPageComponent, { id: params.id }),
-      loader: createFormBuilderLoader(params.id, config),
-      meta: createFormBuilderMeta(params.id, config)
-    })),
-    submissions: createRoute("/forms/:id/submissions", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsx(SubmissionsPageComponent, { formId: params.id }),
-      loader: createSubmissionsLoader(params.id, config),
-      meta: createSubmissionsMeta(params.id, config)
-    }))
+    formList: createRoute("/forms", () => {
+      const CustomFormList = config.pageComponents?.formList;
+      return {
+        PageComponent: CustomFormList ?? (() => /* @__PURE__ */ jsx(FormListPageComponent, {})),
+        loader: createFormListLoader(config),
+        meta: createFormListMeta()
+      };
+    }),
+    newForm: createRoute("/forms/new", () => {
+      const CustomNewForm = config.pageComponents?.newForm;
+      return {
+        PageComponent: CustomNewForm ?? (() => /* @__PURE__ */ jsx(FormBuilderPageComponent, {})),
+        loader: createFormBuilderLoader(void 0, config),
+        meta: createFormBuilderMeta(void 0, config)
+      };
+    }),
+    editForm: createRoute("/forms/:id/edit", ({ params }) => {
+      const CustomEditForm = config.pageComponents?.editForm;
+      return {
+        PageComponent: CustomEditForm ? () => /* @__PURE__ */ jsx(CustomEditForm, { id: params.id }) : () => /* @__PURE__ */ jsx(FormBuilderPageComponent, { id: params.id }),
+        loader: createFormBuilderLoader(params.id, config),
+        meta: createFormBuilderMeta(params.id, config)
+      };
+    }),
+    submissions: createRoute("/forms/:id/submissions", ({ params }) => {
+      const CustomSubmissions = config.pageComponents?.submissions;
+      return {
+        PageComponent: CustomSubmissions ? () => /* @__PURE__ */ jsx(CustomSubmissions, { formId: params.id }) : () => /* @__PURE__ */ jsx(SubmissionsPageComponent, { formId: params.id }),
+        loader: createSubmissionsLoader(params.id, config),
+        meta: createSubmissionsMeta(params.id, config)
+      };
+    })
   }),
   sitemap: async () => {
     return [];

package/dist/packages/stack/src/plugins/kanban/client/components/shared/default-error.cjs

@@ -14,7 +14,7 @@ function DefaultError({ error, reset }) {
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-destructive/10 p-6 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold mb-2", children: "Something went wrong" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: error?.message || "An unexpected error occurred. Please try again." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred. Please try again." }),
         reset && /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { onClick: reset, variant: "outline", children: [
           /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.RefreshCw, { className: "mr-2 h-4 w-4" }),
           "Try Again"

package/dist/packages/stack/src/plugins/kanban/client/components/shared/default-error.mjs

@@ -12,7 +12,7 @@ function DefaultError({ error, reset }) {
       children: [
         /* @__PURE__ */ jsx("div", { className: "rounded-full bg-destructive/10 p-6 mb-4", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
         /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Something went wrong" }),
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: error?.message || "An unexpected error occurred. Please try again." }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred. Please try again." }),
         reset && /* @__PURE__ */ jsxs(Button, { onClick: reset, variant: "outline", children: [
           /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 h-4 w-4" }),
           "Try Again"

package/dist/packages/stack/src/plugins/kanban/client/plugin.cjs

@@ -235,22 +235,25 @@ const kanbanClientPlugin = (config) => client.defineClientPlugin({
   name: "kanban",
   routes: () => ({
     boards: yar.createRoute("/kanban", () => {
+      const CustomBoards = config.pageComponents?.boards;
       return {
-        PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(boardsListPage.BoardsListPageComponent, {}),
+        PageComponent: CustomBoards ?? (() => /* @__PURE__ */ jsxRuntime.jsx(boardsListPage.BoardsListPageComponent, {})),
         loader: createBoardsLoader(config),
         meta: createBoardsListMeta(config)
       };
     }),
     newBoard: yar.createRoute("/kanban/new", () => {
+      const CustomNewBoard = config.pageComponents?.newBoard;
       return {
-        PageComponent: newBoardPage.NewBoardPageComponent,
+        PageComponent: CustomNewBoard ?? newBoardPage.NewBoardPageComponent,
         loader: createNewBoardLoader(config),
         meta: createNewBoardMeta(config)
       };
     }),
     board: yar.createRoute("/kanban/:boardId", ({ params: { boardId } }) => {
+      const CustomBoard = config.pageComponents?.board;
       return {
-        PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(boardPage.BoardPageComponent, { boardId }),
+        PageComponent: CustomBoard ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomBoard, { boardId }) : () => /* @__PURE__ */ jsxRuntime.jsx(boardPage.BoardPageComponent, { boardId }),
         loader: createBoardLoader(boardId, config),
         meta: createBoardMeta(boardId, config)
       };

package/dist/packages/stack/src/plugins/kanban/client/plugin.mjs

@@ -233,22 +233,25 @@ const kanbanClientPlugin = (config) => defineClientPlugin({
   name: "kanban",
   routes: () => ({
     boards: createRoute("/kanban", () => {
+      const CustomBoards = config.pageComponents?.boards;
       return {
-        PageComponent: () => /* @__PURE__ */ jsx(BoardsListPageComponent, {}),
+        PageComponent: CustomBoards ?? (() => /* @__PURE__ */ jsx(BoardsListPageComponent, {})),
         loader: createBoardsLoader(config),
         meta: createBoardsListMeta(config)
       };
     }),
     newBoard: createRoute("/kanban/new", () => {
+      const CustomNewBoard = config.pageComponents?.newBoard;
       return {
-        PageComponent: NewBoardPageComponent,
+        PageComponent: CustomNewBoard ?? NewBoardPageComponent,
         loader: createNewBoardLoader(config),
         meta: createNewBoardMeta(config)
       };
     }),
     board: createRoute("/kanban/:boardId", ({ params: { boardId } }) => {
+      const CustomBoard = config.pageComponents?.board;
       return {
-        PageComponent: () => /* @__PURE__ */ jsx(BoardPageComponent, { boardId }),
+        PageComponent: CustomBoard ? () => /* @__PURE__ */ jsx(CustomBoard, { boardId }) : () => /* @__PURE__ */ jsx(BoardPageComponent, { boardId }),
         loader: createBoardLoader(boardId, config),
         meta: createBoardMeta(boardId, config)
       };

package/dist/packages/stack/src/plugins/ui-builder/client/components/page-renderer.cjs

@@ -15,7 +15,7 @@ function DefaultLoadingComponent() {
 function DefaultErrorComponent({ error }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center min-h-[200px] p-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-destructive font-medium", children: index.uiBuilderLocalization.pageRenderer.error }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground mt-2", children: error.message })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground mt-2", children: error instanceof Error ? error.message : String(error) })
   ] });
 }
 function DefaultNotFoundComponent() {

package/dist/packages/stack/src/plugins/ui-builder/client/components/page-renderer.mjs

@@ -13,7 +13,7 @@ function DefaultLoadingComponent() {
 function DefaultErrorComponent({ error }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center min-h-[200px] p-4", children: [
     /* @__PURE__ */ jsx("div", { className: "text-destructive font-medium", children: uiBuilderLocalization.pageRenderer.error }),
-    /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground mt-2", children: error.message })
+    /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground mt-2", children: error instanceof Error ? error.message : String(error) })
   ] });
 }
 function DefaultNotFoundComponent() {

package/dist/packages/stack/src/plugins/ui-builder/client/components/shared/default-error.cjs

@@ -9,7 +9,7 @@ function DefaultError({ error, resetErrorBoundary }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-destructive/10 p-4 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Something went wrong" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: error.message || "An unexpected error occurred" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred" }),
     resetErrorBoundary && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
   ] });
 }

package/dist/packages/stack/src/plugins/ui-builder/client/components/shared/default-error.mjs

@@ -7,7 +7,7 @@ function DefaultError({ error, resetErrorBoundary }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "rounded-full bg-destructive/10 p-4 mb-4", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
     /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Something went wrong" }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: error.message || "An unexpected error occurred" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred" }),
     resetErrorBoundary && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
   ] });
 }

package/dist/packages/stack/src/plugins/ui-builder/client/plugin.cjs

@@ -169,21 +169,30 @@ function createPageBuilderMeta(id, config) {
 const uiBuilderClientPlugin = (config) => client.defineClientPlugin({
   name: "ui-builder",
   routes: () => ({
-    pageList: yar.createRoute("/ui-builder", () => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(PageListPageComponent, {}),
-      loader: createPageListLoader(config),
-      meta: createPageListMeta()
-    })),
-    newPage: yar.createRoute("/ui-builder/new", () => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(PageBuilderPageComponent, {}),
-      loader: createPageBuilderLoader(void 0, config),
-      meta: createPageBuilderMeta(void 0, config)
-    })),
-    editPage: yar.createRoute("/ui-builder/:id/edit", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(PageBuilderPageComponent, { id: params.id }),
-      loader: createPageBuilderLoader(params.id, config),
-      meta: createPageBuilderMeta(params.id, config)
-    }))
+    pageList: yar.createRoute("/ui-builder", () => {
+      const CustomPageList = config.pageComponents?.pageList;
+      return {
+        PageComponent: CustomPageList ?? (() => /* @__PURE__ */ jsxRuntime.jsx(PageListPageComponent, {})),
+        loader: createPageListLoader(config),
+        meta: createPageListMeta()
+      };
+    }),
+    newPage: yar.createRoute("/ui-builder/new", () => {
+      const CustomNewPage = config.pageComponents?.newPage;
+      return {
+        PageComponent: CustomNewPage ?? (() => /* @__PURE__ */ jsxRuntime.jsx(PageBuilderPageComponent, {})),
+        loader: createPageBuilderLoader(void 0, config),
+        meta: createPageBuilderMeta(void 0, config)
+      };
+    }),
+    editPage: yar.createRoute("/ui-builder/:id/edit", ({ params }) => {
+      const CustomEditPage = config.pageComponents?.editPage;
+      return {
+        PageComponent: CustomEditPage ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomEditPage, { id: params.id }) : () => /* @__PURE__ */ jsxRuntime.jsx(PageBuilderPageComponent, { id: params.id }),
+        loader: createPageBuilderLoader(params.id, config),
+        meta: createPageBuilderMeta(params.id, config)
+      };
+    })
   }),
   sitemap: async () => {
     return [];

package/dist/packages/stack/src/plugins/ui-builder/client/plugin.mjs

@@ -167,21 +167,30 @@ function createPageBuilderMeta(id, config) {
 const uiBuilderClientPlugin = (config) => defineClientPlugin({
   name: "ui-builder",
   routes: () => ({
-    pageList: createRoute("/ui-builder", () => ({
-      PageComponent: () => /* @__PURE__ */ jsx(PageListPageComponent, {}),
-      loader: createPageListLoader(config),
-      meta: createPageListMeta()
-    })),
-    newPage: createRoute("/ui-builder/new", () => ({
-      PageComponent: () => /* @__PURE__ */ jsx(PageBuilderPageComponent, {}),
-      loader: createPageBuilderLoader(void 0, config),
-      meta: createPageBuilderMeta(void 0, config)
-    })),
-    editPage: createRoute("/ui-builder/:id/edit", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsx(PageBuilderPageComponent, { id: params.id }),
-      loader: createPageBuilderLoader(params.id, config),
-      meta: createPageBuilderMeta(params.id, config)
-    }))
+    pageList: createRoute("/ui-builder", () => {
+      const CustomPageList = config.pageComponents?.pageList;
+      return {
+        PageComponent: CustomPageList ?? (() => /* @__PURE__ */ jsx(PageListPageComponent, {})),
+        loader: createPageListLoader(config),
+        meta: createPageListMeta()
+      };
+    }),
+    newPage: createRoute("/ui-builder/new", () => {
+      const CustomNewPage = config.pageComponents?.newPage;
+      return {
+        PageComponent: CustomNewPage ?? (() => /* @__PURE__ */ jsx(PageBuilderPageComponent, {})),
+        loader: createPageBuilderLoader(void 0, config),
+        meta: createPageBuilderMeta(void 0, config)
+      };
+    }),
+    editPage: createRoute("/ui-builder/:id/edit", ({ params }) => {
+      const CustomEditPage = config.pageComponents?.editPage;
+      return {
+        PageComponent: CustomEditPage ? () => /* @__PURE__ */ jsx(CustomEditPage, { id: params.id }) : () => /* @__PURE__ */ jsx(PageBuilderPageComponent, { id: params.id }),
+        loader: createPageBuilderLoader(params.id, config),
+        meta: createPageBuilderMeta(params.id, config)
+      };
+    })
   }),
   sitemap: async () => {
     return [];

package/dist/packages/ui/src/components/auto-form/index.cjs

@@ -1,11 +1,13 @@
 "use client";
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const jsxRuntime = require('react/jsx-runtime');
 const form = require('../form.cjs');
 const React = require('react');
 const reactHookForm = require('react-hook-form');
-require('../button.cjs');
+const button = require('../button.cjs');
 const utils = require('../../lib/utils.cjs');
 const zod = require('@hookform/resolvers/zod');
 const object = require('./fields/object.cjs');
@@ -15,6 +17,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 const React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+function AutoFormSubmit({
+  children,
+  className,
+  disabled
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", disabled, className, children: children ?? "Submit" });
+}
 function AutoForm({
   formSchema,
   values: valuesProp,
@@ -74,4 +83,5 @@ function AutoForm({
   ) }) });
 }
 
-module.exports = AutoForm;
+exports.AutoFormSubmit = AutoFormSubmit;
+exports.default = AutoForm;

package/dist/packages/ui/src/components/auto-form/index.mjs

@@ -3,12 +3,19 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Form } from '../form.mjs';
 import React__default from 'react';
 import { useForm } from 'react-hook-form';
-import '../button.mjs';
+import { Button } from '../button.mjs';
 import { cn } from '../../lib/utils.mjs';
 import { zodResolver } from '@hookform/resolvers/zod';
 import AutoFormObject from './fields/object.mjs';
 import { getObjectFormSchema, getDefaultValues } from './helpers.mjs';
 
+function AutoFormSubmit({
+  children,
+  className,
+  disabled
+}) {
+  return /* @__PURE__ */ jsx(Button, { type: "submit", disabled, className, children: children ?? "Submit" });
+}
 function AutoForm({
   formSchema,
   values: valuesProp,
@@ -68,4 +75,4 @@ function AutoForm({
   ) }) });
 }
 
-export { AutoForm as default };
+export { AutoFormSubmit, AutoForm as default };

package/dist/packages/ui/src/components/auto-form/stepped-auto-form.cjs

@@ -255,7 +255,7 @@ function SteppedAutoForm({
   }, [isFirst]);
   if (!hasMultipleSteps) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      index,
+      index.default,
       {
         formSchema,
         values: initialValues,
@@ -343,7 +343,7 @@ function SteppedAutoForm({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      index,
+      index.default,
       {
         formSchema: currentStepSchema,
         values: currentStepValues,