@btst/stack 4.0.0 → 4.1.0

package/dist/packages/stack/src/plugins/form-builder/client/components/pages/submissions-page.internal.cjs

@@ -14,14 +14,13 @@ const emptyState = require('../shared/empty-state.cjs');
 const pagination = require('../shared/pagination.cjs');
 const plugins_formBuilder_permissions = require('../../../../../../../../plugins/form-builder/permissions.cjs');
 const constants = require('../../constants.cjs');
+const utils = require('../../../utils.cjs');
 const formBuilderHooks = require('../../hooks/form-builder-hooks.cjs');
 
 function SubmissionsPage({ formId }) {
   const t = context.useTranslate();
   const notify = context.useNotify();
-  const { localization } = context.usePluginOverrides(
-    constants.FORM_BUILDER_PLUGIN_ID
-  );
+  const { localization, classNames } = context.usePluginOverrides(constants.FORM_BUILDER_PLUGIN_ID);
   const { identity } = context.useIdentity();
   const { Link: LinkComponent, resolve } = context.usePluginSiteNavigation(
     constants.FORM_BUILDER_PLUGIN_ID
@@ -75,83 +74,90 @@ function SubmissionsPage({ formId }) {
           )
         }
       ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border", children: /* @__PURE__ */ jsxRuntime.jsxs(table.Table, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(table.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-24", children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_ID ?? t("formBuilder.submissions.columnId", "ID") }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_SUBMITTED_AT ?? t(
-              "formBuilder.submissions.columnSubmittedAt",
-              "Submitted"
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-24", children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_ACTIONS ?? t("formBuilder.submissions.columnActions", "Actions") })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(table.TableBody, { children: submissions.map((sub) => /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(table.TableCell, { className: "font-mono text-xs", children: [
-              sub.id.slice(0, 8),
-              "..."
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "text-muted-foreground", children: new Date(sub.submittedAt).toLocaleString() }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                context.PermissionAccess,
-                {
-                  permission: plugins_formBuilder_permissions.formBuilderPermissions.submission.read({
-                    scope: "record",
-                    formId,
-                    submissionId: sub.id,
-                    exists: true,
-                    ...form?.createdBy ? { ownerId: form.createdBy } : {},
-                    ...sub.submittedBy ? { submittedBy: sub.submittedBy } : {}
-                  }),
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(
-                    button.Button,
-                    {
-                      variant: "ghost",
-                      size: "icon",
-                      onClick: () => setViewSubmissionId(sub.id),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Eye, { className: "h-4 w-4" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_SUBMISSIONS_ACTION_VIEW ?? t(
-                          "formBuilder.submissions.actionView",
-                          "View"
-                        ) })
-                      ]
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                context.PermissionAccess,
-                {
-                  permission: plugins_formBuilder_permissions.formBuilderPermissions.submission.delete(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: utils.cn("rounded-lg border", classNames?.table),
+            "data-testid": "form-builder-submissions-table",
+            children: /* @__PURE__ */ jsxRuntime.jsxs(table.Table, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(table.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-24", children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_ID ?? t("formBuilder.submissions.columnId", "ID") }),
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_SUBMITTED_AT ?? t(
+                  "formBuilder.submissions.columnSubmittedAt",
+                  "Submitted"
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-24", children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_ACTIONS ?? t("formBuilder.submissions.columnActions", "Actions") })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(table.TableBody, { children: submissions.map((sub) => /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { className: classNames?.tableRow, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(table.TableCell, { className: "font-mono text-xs", children: [
+                  sub.id.slice(0, 8),
+                  "..."
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "text-muted-foreground", children: new Date(sub.submittedAt).toLocaleString() }),
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    context.PermissionAccess,
                     {
-                      formId,
-                      submissionId: sub.id,
-                      exists: true,
-                      ...form?.createdBy ? { ownerId: form.createdBy } : {},
-                      ...sub.submittedBy ? { submittedBy: sub.submittedBy } : {}
+                      permission: plugins_formBuilder_permissions.formBuilderPermissions.submission.read({
+                        scope: "record",
+                        formId,
+                        submissionId: sub.id,
+                        exists: true,
+                        ...form?.createdBy ? { ownerId: form.createdBy } : {},
+                        ...sub.submittedBy ? { submittedBy: sub.submittedBy } : {}
+                      }),
+                      children: /* @__PURE__ */ jsxRuntime.jsxs(
+                        button.Button,
+                        {
+                          variant: "ghost",
+                          size: "icon",
+                          onClick: () => setViewSubmissionId(sub.id),
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Eye, { className: "h-4 w-4" }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_SUBMISSIONS_ACTION_VIEW ?? t(
+                              "formBuilder.submissions.actionView",
+                              "View"
+                            ) })
+                          ]
+                        }
+                      )
                     }
                   ),
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(
-                    button.Button,
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    context.PermissionAccess,
                     {
-                      variant: "ghost",
-                      size: "icon",
-                      className: "text-destructive",
-                      onClick: () => setDeleteId(sub.id),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-4 w-4" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_SUBMISSIONS_ACTION_DELETE ?? t(
-                          "formBuilder.submissions.actionDelete",
-                          "Delete"
-                        ) })
-                      ]
+                      permission: plugins_formBuilder_permissions.formBuilderPermissions.submission.delete(
+                        {
+                          formId,
+                          submissionId: sub.id,
+                          exists: true,
+                          ...form?.createdBy ? { ownerId: form.createdBy } : {},
+                          ...sub.submittedBy ? { submittedBy: sub.submittedBy } : {}
+                        }
+                      ),
+                      children: /* @__PURE__ */ jsxRuntime.jsxs(
+                        button.Button,
+                        {
+                          variant: "ghost",
+                          size: "icon",
+                          className: "text-destructive",
+                          onClick: () => setDeleteId(sub.id),
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-4 w-4" }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_SUBMISSIONS_ACTION_DELETE ?? t(
+                              "formBuilder.submissions.actionDelete",
+                              "Delete"
+                            ) })
+                          ]
+                        }
+                      )
                     }
                   )
-                }
-              )
-            ] }) })
-          ] }, sub.id)) })
-        ] }) }),
+                ] }) })
+              ] }, sub.id)) })
+            ] })
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           pagination.Pagination,
           {
@@ -160,6 +166,7 @@ function SubmissionsPage({ formId }) {
             hasMore,
             isLoadingMore,
             onLoadMore: loadMore,
+            className: classNames?.pagination,
             labels: {
               showing: localization?.FORM_BUILDER_LIST_PAGINATION_SHOWING ?? t(
                 "formBuilder.list.paginationShowing",

package/dist/packages/stack/src/plugins/form-builder/client/components/pages/submissions-page.internal.mjs

@@ -12,14 +12,13 @@ import { EmptyState } from '../shared/empty-state.mjs';
 import { Pagination } from '../shared/pagination.mjs';
 import { formBuilderPermissions } from '../../../../../../../../plugins/form-builder/permissions.mjs';
 import { FORM_BUILDER_PLUGIN_ID } from '../../constants.mjs';
+import { cn } from '../../../utils.mjs';
 import { useSuspenseSubmissions, useDeleteSubmission, useSubmission } from '../../hooks/form-builder-hooks.mjs';
 
 function SubmissionsPage({ formId }) {
   const t = useTranslate();
   const notify = useNotify();
-  const { localization } = usePluginOverrides(
-    FORM_BUILDER_PLUGIN_ID
-  );
+  const { localization, classNames } = usePluginOverrides(FORM_BUILDER_PLUGIN_ID);
   const { identity } = useIdentity();
   const { Link: LinkComponent, resolve } = usePluginSiteNavigation(
     FORM_BUILDER_PLUGIN_ID
@@ -73,83 +72,90 @@ function SubmissionsPage({ formId }) {
           )
         }
       ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: "rounded-lg border", children: /* @__PURE__ */ jsxs(Table, { children: [
-          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-            /* @__PURE__ */ jsx(TableHead, { className: "w-24", children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_ID ?? t("formBuilder.submissions.columnId", "ID") }),
-            /* @__PURE__ */ jsx(TableHead, { children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_SUBMITTED_AT ?? t(
-              "formBuilder.submissions.columnSubmittedAt",
-              "Submitted"
-            ) }),
-            /* @__PURE__ */ jsx(TableHead, { className: "w-24", children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_ACTIONS ?? t("formBuilder.submissions.columnActions", "Actions") })
-          ] }) }),
-          /* @__PURE__ */ jsx(TableBody, { children: submissions.map((sub) => /* @__PURE__ */ jsxs(TableRow, { children: [
-            /* @__PURE__ */ jsxs(TableCell, { className: "font-mono text-xs", children: [
-              sub.id.slice(0, 8),
-              "..."
-            ] }),
-            /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground", children: new Date(sub.submittedAt).toLocaleString() }),
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-              /* @__PURE__ */ jsx(
-                PermissionAccess,
-                {
-                  permission: formBuilderPermissions.submission.read({
-                    scope: "record",
-                    formId,
-                    submissionId: sub.id,
-                    exists: true,
-                    ...form?.createdBy ? { ownerId: form.createdBy } : {},
-                    ...sub.submittedBy ? { submittedBy: sub.submittedBy } : {}
-                  }),
-                  children: /* @__PURE__ */ jsxs(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "icon",
-                      onClick: () => setViewSubmissionId(sub.id),
-                      children: [
-                        /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" }),
-                        /* @__PURE__ */ jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_SUBMISSIONS_ACTION_VIEW ?? t(
-                          "formBuilder.submissions.actionView",
-                          "View"
-                        ) })
-                      ]
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                PermissionAccess,
-                {
-                  permission: formBuilderPermissions.submission.delete(
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("rounded-lg border", classNames?.table),
+            "data-testid": "form-builder-submissions-table",
+            children: /* @__PURE__ */ jsxs(Table, { children: [
+              /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+                /* @__PURE__ */ jsx(TableHead, { className: "w-24", children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_ID ?? t("formBuilder.submissions.columnId", "ID") }),
+                /* @__PURE__ */ jsx(TableHead, { children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_SUBMITTED_AT ?? t(
+                  "formBuilder.submissions.columnSubmittedAt",
+                  "Submitted"
+                ) }),
+                /* @__PURE__ */ jsx(TableHead, { className: "w-24", children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_ACTIONS ?? t("formBuilder.submissions.columnActions", "Actions") })
+              ] }) }),
+              /* @__PURE__ */ jsx(TableBody, { children: submissions.map((sub) => /* @__PURE__ */ jsxs(TableRow, { className: classNames?.tableRow, children: [
+                /* @__PURE__ */ jsxs(TableCell, { className: "font-mono text-xs", children: [
+                  sub.id.slice(0, 8),
+                  "..."
+                ] }),
+                /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground", children: new Date(sub.submittedAt).toLocaleString() }),
+                /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+                  /* @__PURE__ */ jsx(
+                    PermissionAccess,
                     {
-                      formId,
-                      submissionId: sub.id,
-                      exists: true,
-                      ...form?.createdBy ? { ownerId: form.createdBy } : {},
-                      ...sub.submittedBy ? { submittedBy: sub.submittedBy } : {}
+                      permission: formBuilderPermissions.submission.read({
+                        scope: "record",
+                        formId,
+                        submissionId: sub.id,
+                        exists: true,
+                        ...form?.createdBy ? { ownerId: form.createdBy } : {},
+                        ...sub.submittedBy ? { submittedBy: sub.submittedBy } : {}
+                      }),
+                      children: /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: "ghost",
+                          size: "icon",
+                          onClick: () => setViewSubmissionId(sub.id),
+                          children: [
+                            /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" }),
+                            /* @__PURE__ */ jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_SUBMISSIONS_ACTION_VIEW ?? t(
+                              "formBuilder.submissions.actionView",
+                              "View"
+                            ) })
+                          ]
+                        }
+                      )
                     }
                   ),
-                  children: /* @__PURE__ */ jsxs(
-                    Button,
+                  /* @__PURE__ */ jsx(
+                    PermissionAccess,
                     {
-                      variant: "ghost",
-                      size: "icon",
-                      className: "text-destructive",
-                      onClick: () => setDeleteId(sub.id),
-                      children: [
-                        /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
-                        /* @__PURE__ */ jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_SUBMISSIONS_ACTION_DELETE ?? t(
-                          "formBuilder.submissions.actionDelete",
-                          "Delete"
-                        ) })
-                      ]
+                      permission: formBuilderPermissions.submission.delete(
+                        {
+                          formId,
+                          submissionId: sub.id,
+                          exists: true,
+                          ...form?.createdBy ? { ownerId: form.createdBy } : {},
+                          ...sub.submittedBy ? { submittedBy: sub.submittedBy } : {}
+                        }
+                      ),
+                      children: /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: "ghost",
+                          size: "icon",
+                          className: "text-destructive",
+                          onClick: () => setDeleteId(sub.id),
+                          children: [
+                            /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
+                            /* @__PURE__ */ jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_SUBMISSIONS_ACTION_DELETE ?? t(
+                              "formBuilder.submissions.actionDelete",
+                              "Delete"
+                            ) })
+                          ]
+                        }
+                      )
                     }
                   )
-                }
-              )
-            ] }) })
-          ] }, sub.id)) })
-        ] }) }),
+                ] }) })
+              ] }, sub.id)) })
+            ] })
+          }
+        ),
         /* @__PURE__ */ jsx(
           Pagination,
           {
@@ -158,6 +164,7 @@ function SubmissionsPage({ formId }) {
             hasMore,
             isLoadingMore,
             onLoadMore: loadMore,
+            className: classNames?.pagination,
             labels: {
               showing: localization?.FORM_BUILDER_LIST_PAGINATION_SHOWING ?? t(
                 "formBuilder.list.paginationShowing",

package/dist/packages/stack/src/plugins/form-builder/client/components/shared/page-wrapper.cjs

@@ -5,19 +5,20 @@ const jsxRuntime = require('react/jsx-runtime');
 const context = require('@btst/stack/context');
 const pageWrapper = require('../../../../../../../ui/src/components/page-wrapper.cjs');
 const constants = require('../../constants.cjs');
+const utils = require('../../../utils.cjs');
 
 function PageWrapper({
   children,
   className,
   testId
 }) {
-  const { showAttribution } = context.usePluginOverrides(constants.FORM_BUILDER_PLUGIN_ID, {
+  const { showAttribution, classNames } = context.usePluginOverrides(constants.FORM_BUILDER_PLUGIN_ID, {
     showAttribution: true
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     pageWrapper.PageWrapper,
     {
-      className,
+      className: utils.cn(className, classNames?.container),
       testId,
       showAttribution,
       children

package/dist/packages/stack/src/plugins/form-builder/client/components/shared/page-wrapper.mjs

@@ -3,19 +3,20 @@ import { jsx } from 'react/jsx-runtime';
 import { usePluginOverrides } from '@btst/stack/context';
 import { PageWrapper as PageWrapper$1 } from '../../../../../../../ui/src/components/page-wrapper.mjs';
 import { FORM_BUILDER_PLUGIN_ID } from '../../constants.mjs';
+import { cn } from '../../../utils.mjs';
 
 function PageWrapper({
   children,
   className,
   testId
 }) {
-  const { showAttribution } = usePluginOverrides(FORM_BUILDER_PLUGIN_ID, {
+  const { showAttribution, classNames } = usePluginOverrides(FORM_BUILDER_PLUGIN_ID, {
     showAttribution: true
   });
   return /* @__PURE__ */ jsx(
     PageWrapper$1,
     {
-      className,
+      className: cn(className, classNames?.container),
       testId,
       showAttribution,
       children

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

@@ -4,6 +4,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const button = require('../../../../../../../ui/src/components/button.cjs');
 const LucideIcons = require('lucide-react');
+const utils = require('../../../utils.cjs');
 
 function Pagination({
   total,
@@ -11,6 +12,7 @@ function Pagination({
   hasMore,
   isLoadingMore,
   onLoadMore,
+  className,
   labels = {}
 }) {
   const {
@@ -19,22 +21,29 @@ function Pagination({
     loading = "Loading..."
   } = labels;
   const showingText = showingLabel.replace("{count}", String(showing)).replace("{total}", String(total));
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between py-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: showingText }),
-    hasMore && /* @__PURE__ */ jsxRuntime.jsxs(
-      button.Button,
-      {
-        variant: "outline",
-        size: "sm",
-        onClick: onLoadMore,
-        disabled: isLoadingMore,
-        children: [
-          isLoadingMore ? loading : next,
-          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronRight, { className: "ml-2 h-4 w-4" })
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn("flex items-center justify-between py-4", className),
+      "data-testid": "form-builder-pagination",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: showingText }),
+        hasMore && /* @__PURE__ */ jsxRuntime.jsxs(
+          button.Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: onLoadMore,
+            disabled: isLoadingMore,
+            children: [
+              isLoadingMore ? loading : next,
+              /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronRight, { className: "ml-2 h-4 w-4" })
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 
 exports.Pagination = Pagination;

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

@@ -2,6 +2,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Button } from '../../../../../../../ui/src/components/button.mjs';
 import { ChevronRight } from 'lucide-react';
+import { cn } from '../../../utils.mjs';
 
 function Pagination({
   total,
@@ -9,6 +10,7 @@ function Pagination({
   hasMore,
   isLoadingMore,
   onLoadMore,
+  className,
   labels = {}
 }) {
   const {
@@ -17,22 +19,29 @@ function Pagination({
     loading = "Loading..."
   } = labels;
   const showingText = showingLabel.replace("{count}", String(showing)).replace("{total}", String(total));
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-4", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: showingText }),
-    hasMore && /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "outline",
-        size: "sm",
-        onClick: onLoadMore,
-        disabled: isLoadingMore,
-        children: [
-          isLoadingMore ? loading : next,
-          /* @__PURE__ */ jsx(ChevronRight, { className: "ml-2 h-4 w-4" })
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex items-center justify-between py-4", className),
+      "data-testid": "form-builder-pagination",
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: showingText }),
+        hasMore && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: onLoadMore,
+            disabled: isLoadingMore,
+            children: [
+              isLoadingMore ? loading : next,
+              /* @__PURE__ */ jsx(ChevronRight, { className: "ml-2 h-4 w-4" })
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 
 export { Pagination };

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

@@ -1,7 +1,7 @@
 'use strict';
 
-require('clsx');
-require('tailwind-merge');
+const clsx = require('clsx');
+const tailwindMerge = require('tailwind-merge');
 const slug = require('slug');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
@@ -11,6 +11,9 @@ const slug__default = /*#__PURE__*/_interopDefaultCompat(slug);
 function slugify(text, locale = "en") {
   return slug__default(text, { lower: true, locale });
 }
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
 function extractIpAddress(headers) {
   if (!headers) return void 0;
   const forwardedFor = headers.get("x-forwarded-for");
@@ -32,6 +35,7 @@ function extractUserAgent(headers) {
   return headers.get("user-agent") || void 0;
 }
 
+exports.cn = cn;
 exports.extractIpAddress = extractIpAddress;
 exports.extractUserAgent = extractUserAgent;
 exports.slugify = slugify;

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

@@ -1,10 +1,13 @@
-import 'clsx';
-import 'tailwind-merge';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
 import slug from 'slug';
 
 function slugify(text, locale = "en") {
   return slug(text, { lower: true, locale });
 }
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
 function extractIpAddress(headers) {
   if (!headers) return void 0;
   const forwardedFor = headers.get("x-forwarded-for");
@@ -26,4 +29,4 @@ function extractUserAgent(headers) {
   return headers.get("user-agent") || void 0;
 }
 
-export { extractIpAddress, extractUserAgent, slugify };
+export { cn, extractIpAddress, extractUserAgent, slugify };

package/dist/plugins/ai-chat/client/components/index.d.cts

@@ -1,4 +1,4 @@
-export { j as ChatInput, C as ChatInterface, f as ChatLayout, g as ChatLayoutProps, i as ChatMessage, h as ChatSidebar, k as ToolCallDisplay } from '../../../../shared/stack.5_zzCejP.cjs';
+export { j as ChatInput, C as ChatInterface, f as ChatLayout, g as ChatLayoutProps, i as ChatMessage, h as ChatSidebar, k as ToolCallDisplay } from '../../../../shared/stack.rVF0f509.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FallbackProps } from 'react-error-boundary';
 import 'ai';

package/dist/plugins/ai-chat/client/components/index.d.mts

@@ -1,4 +1,4 @@
-export { j as ChatInput, C as ChatInterface, f as ChatLayout, g as ChatLayoutProps, i as ChatMessage, h as ChatSidebar, k as ToolCallDisplay } from '../../../../shared/stack.5_zzCejP.mjs';
+export { j as ChatInput, C as ChatInterface, f as ChatLayout, g as ChatLayoutProps, i as ChatMessage, h as ChatSidebar, k as ToolCallDisplay } from '../../../../shared/stack.rVF0f509.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FallbackProps } from 'react-error-boundary';
 import 'ai';

package/dist/plugins/ai-chat/client/components/index.d.ts

@@ -1,4 +1,4 @@
-export { j as ChatInput, C as ChatInterface, f as ChatLayout, g as ChatLayoutProps, i as ChatMessage, h as ChatSidebar, k as ToolCallDisplay } from '../../../../shared/stack.5_zzCejP.js';
+export { j as ChatInput, C as ChatInterface, f as ChatLayout, g as ChatLayoutProps, i as ChatMessage, h as ChatSidebar, k as ToolCallDisplay } from '../../../../shared/stack.rVF0f509.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FallbackProps } from 'react-error-boundary';
 import 'ai';

package/dist/plugins/ai-chat/client/index.d.cts

@@ -3,8 +3,8 @@ import * as _btst_yar from '@btst/yar';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComponentType } from 'react';
 import { S as SerializedConversation, a as SerializedMessage, A as AiChatIdentityPartition } from '../../../shared/stack.C4oVW2qK.cjs';
-import { A as AiChatMode, a as AiChatPluginOverrides } from '../../../shared/stack.5_zzCejP.cjs';
-export { b as AiChatProviderConfig, c as AllowedFileType, j as ChatInput, C as ChatInterface, f as ChatLayout, g as ChatLayoutProps, i as ChatMessage, h as ChatSidebar, D as DEFAULT_ALLOWED_FILE_TYPES, k as ToolCallDisplay, T as ToolCallProps, e as ToolCallRenderer, d as ToolCallState } from '../../../shared/stack.5_zzCejP.cjs';
+import { A as AiChatMode, a as AiChatPluginOverrides } from '../../../shared/stack.rVF0f509.cjs';
+export { b as AiChatProviderConfig, c as AllowedFileType, j as ChatInput, C as ChatInterface, f as ChatLayout, g as ChatLayoutProps, i as ChatMessage, h as ChatSidebar, D as DEFAULT_ALLOWED_FILE_TYPES, k as ToolCallDisplay, T as ToolCallProps, e as ToolCallRenderer, d as ToolCallState } from '../../../shared/stack.rVF0f509.cjs';
 export { UIMessage } from 'ai';
 import '@btst/stack/plugins/api';
 import '@btst/stack/authorization';