@btst/stack 4.0.0 → 4.1.0

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

@@ -16,6 +16,7 @@ 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');
 
 const LIST_STATE_SCHEMA = {
@@ -25,9 +26,7 @@ const SEARCH_DEBOUNCE_MS = 300;
 function FormListPage() {
   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 { Link, navigate, resolve } = context.usePluginSiteNavigation(
     constants.FORM_BUILDER_PLUGIN_ID
   );
@@ -136,99 +135,106 @@ function FormListPage() {
           action: newFormButton
         }
       ) : /* @__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, { children: localization?.FORM_BUILDER_LIST_COLUMN_NAME ?? t("formBuilder.list.columnName", "Name") }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization?.FORM_BUILDER_LIST_COLUMN_SLUG ?? t("formBuilder.list.columnSlug", "Slug") }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization?.FORM_BUILDER_LIST_COLUMN_STATUS ?? t("formBuilder.list.columnStatus", "Status") }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization?.FORM_BUILDER_LIST_COLUMN_CREATED ?? t("formBuilder.list.columnCreated", "Created") }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-12", children: localization?.FORM_BUILDER_LIST_COLUMN_ACTIONS ?? t("formBuilder.list.columnActions", "Actions") })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(table.TableBody, { children: forms.map((form) => /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "font-medium", children: form.name }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "text-muted-foreground font-mono text-sm", children: form.slug }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: getStatusBadge(form.status) }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "text-muted-foreground", children: new Date(form.createdAt).toLocaleDateString() }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { variant: "ghost", size: "icon", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.MoreHorizontal, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_LIST_COLUMN_ACTIONS ?? t(
-                  "formBuilder.list.columnActions",
-                  "Actions"
-                ) })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: utils.cn("rounded-lg border", classNames?.table),
+            "data-testid": "form-builder-list-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, { children: localization?.FORM_BUILDER_LIST_COLUMN_NAME ?? t("formBuilder.list.columnName", "Name") }),
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization?.FORM_BUILDER_LIST_COLUMN_SLUG ?? t("formBuilder.list.columnSlug", "Slug") }),
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization?.FORM_BUILDER_LIST_COLUMN_STATUS ?? t("formBuilder.list.columnStatus", "Status") }),
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization?.FORM_BUILDER_LIST_COLUMN_CREATED ?? t("formBuilder.list.columnCreated", "Created") }),
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-12", children: localization?.FORM_BUILDER_LIST_COLUMN_ACTIONS ?? t("formBuilder.list.columnActions", "Actions") })
               ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuContent, { align: "end", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  context.PermissionAccess,
-                  {
-                    permission: plugins_formBuilder_permissions.formBuilderPermissions.form.update({
-                      formId: form.id,
-                      ...form.createdBy ? { ownerId: form.createdBy } : {},
-                      status: form.status
-                    }),
-                    children: /* @__PURE__ */ jsxRuntime.jsxs(
-                      dropdownMenu.DropdownMenuItem,
+              /* @__PURE__ */ jsxRuntime.jsx(table.TableBody, { children: forms.map((form) => /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { className: classNames?.tableRow, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "font-medium", children: form.name }),
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "text-muted-foreground font-mono text-sm", children: form.slug }),
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: getStatusBadge(form.status) }),
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "text-muted-foreground", children: new Date(form.createdAt).toLocaleDateString() }),
+                /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { variant: "ghost", size: "icon", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.MoreHorizontal, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_LIST_COLUMN_ACTIONS ?? t(
+                      "formBuilder.list.columnActions",
+                      "Actions"
+                    ) })
+                  ] }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuContent, { align: "end", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      context.PermissionAccess,
                       {
-                        onClick: () => navigate("forms", form.id, "edit"),
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Pencil, { className: "mr-2 h-4 w-4" }),
-                          localization?.FORM_BUILDER_LIST_ACTION_EDIT ?? t("formBuilder.list.actionEdit", "Edit")
-                        ]
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  context.PermissionAccess,
-                  {
-                    permission: plugins_formBuilder_permissions.formBuilderPermissions.submission.read(
-                      {
-                        scope: "collection",
-                        formId: form.id,
-                        formExists: true,
-                        ...form.createdBy ? { ownerId: form.createdBy } : {}
+                        permission: plugins_formBuilder_permissions.formBuilderPermissions.form.update({
+                          formId: form.id,
+                          ...form.createdBy ? { ownerId: form.createdBy } : {},
+                          status: form.status
+                        }),
+                        children: /* @__PURE__ */ jsxRuntime.jsxs(
+                          dropdownMenu.DropdownMenuItem,
+                          {
+                            onClick: () => navigate("forms", form.id, "edit"),
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Pencil, { className: "mr-2 h-4 w-4" }),
+                              localization?.FORM_BUILDER_LIST_ACTION_EDIT ?? t("formBuilder.list.actionEdit", "Edit")
+                            ]
+                          }
+                        )
                       }
                     ),
-                    children: /* @__PURE__ */ jsxRuntime.jsxs(
-                      dropdownMenu.DropdownMenuItem,
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      context.PermissionAccess,
                       {
-                        onClick: () => navigate("forms", form.id, "submissions"),
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.FileText, { className: "mr-2 h-4 w-4" }),
-                          localization?.FORM_BUILDER_LIST_ACTION_SUBMISSIONS ?? t(
-                            "formBuilder.list.actionSubmissions",
-                            "Submissions"
-                          )
-                        ]
+                        permission: plugins_formBuilder_permissions.formBuilderPermissions.submission.read(
+                          {
+                            scope: "collection",
+                            formId: form.id,
+                            formExists: true,
+                            ...form.createdBy ? { ownerId: form.createdBy } : {}
+                          }
+                        ),
+                        children: /* @__PURE__ */ jsxRuntime.jsxs(
+                          dropdownMenu.DropdownMenuItem,
+                          {
+                            onClick: () => navigate("forms", form.id, "submissions"),
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.FileText, { className: "mr-2 h-4 w-4" }),
+                              localization?.FORM_BUILDER_LIST_ACTION_SUBMISSIONS ?? t(
+                                "formBuilder.list.actionSubmissions",
+                                "Submissions"
+                              )
+                            ]
+                          }
+                        )
                       }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  context.PermissionAccess,
-                  {
-                    permission: plugins_formBuilder_permissions.formBuilderPermissions.form.delete({
-                      formId: form.id,
-                      ...form.createdBy ? { ownerId: form.createdBy } : {},
-                      status: form.status
-                    }),
-                    children: /* @__PURE__ */ jsxRuntime.jsxs(
-                      dropdownMenu.DropdownMenuItem,
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      context.PermissionAccess,
                       {
-                        className: "text-destructive",
-                        onClick: () => setDeleteId(form.id),
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "mr-2 h-4 w-4" }),
-                          localization?.FORM_BUILDER_LIST_ACTION_DELETE ?? t("formBuilder.list.actionDelete", "Delete")
-                        ]
+                        permission: plugins_formBuilder_permissions.formBuilderPermissions.form.delete({
+                          formId: form.id,
+                          ...form.createdBy ? { ownerId: form.createdBy } : {},
+                          status: form.status
+                        }),
+                        children: /* @__PURE__ */ jsxRuntime.jsxs(
+                          dropdownMenu.DropdownMenuItem,
+                          {
+                            className: "text-destructive",
+                            onClick: () => setDeleteId(form.id),
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "mr-2 h-4 w-4" }),
+                              localization?.FORM_BUILDER_LIST_ACTION_DELETE ?? t("formBuilder.list.actionDelete", "Delete")
+                            ]
+                          }
+                        )
                       }
                     )
-                  }
-                )
-              ] })
-            ] }) })
-          ] }, form.id)) })
-        ] }) }),
+                  ] })
+                ] }) })
+              ] }, form.id)) })
+            ] })
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           pagination.Pagination,
           {
@@ -237,6 +243,7 @@ function FormListPage() {
             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/form-list-page.internal.mjs

@@ -14,6 +14,7 @@ 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 { useSuspenseForms, useForms, useDeleteForm } from '../../hooks/form-builder-hooks.mjs';
 
 const LIST_STATE_SCHEMA = {
@@ -23,9 +24,7 @@ const SEARCH_DEBOUNCE_MS = 300;
 function FormListPage() {
   const t = useTranslate();
   const notify = useNotify();
-  const { localization } = usePluginOverrides(
-    FORM_BUILDER_PLUGIN_ID
-  );
+  const { localization, classNames } = usePluginOverrides(FORM_BUILDER_PLUGIN_ID);
   const { Link, navigate, resolve } = usePluginSiteNavigation(
     FORM_BUILDER_PLUGIN_ID
   );
@@ -134,99 +133,106 @@ function FormListPage() {
           action: newFormButton
         }
       ) : /* @__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, { children: localization?.FORM_BUILDER_LIST_COLUMN_NAME ?? t("formBuilder.list.columnName", "Name") }),
-            /* @__PURE__ */ jsx(TableHead, { children: localization?.FORM_BUILDER_LIST_COLUMN_SLUG ?? t("formBuilder.list.columnSlug", "Slug") }),
-            /* @__PURE__ */ jsx(TableHead, { children: localization?.FORM_BUILDER_LIST_COLUMN_STATUS ?? t("formBuilder.list.columnStatus", "Status") }),
-            /* @__PURE__ */ jsx(TableHead, { children: localization?.FORM_BUILDER_LIST_COLUMN_CREATED ?? t("formBuilder.list.columnCreated", "Created") }),
-            /* @__PURE__ */ jsx(TableHead, { className: "w-12", children: localization?.FORM_BUILDER_LIST_COLUMN_ACTIONS ?? t("formBuilder.list.columnActions", "Actions") })
-          ] }) }),
-          /* @__PURE__ */ jsx(TableBody, { children: forms.map((form) => /* @__PURE__ */ jsxs(TableRow, { children: [
-            /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: form.name }),
-            /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground font-mono text-sm", children: form.slug }),
-            /* @__PURE__ */ jsx(TableCell, { children: getStatusBadge(form.status) }),
-            /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground", children: new Date(form.createdAt).toLocaleDateString() }),
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-              /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "icon", children: [
-                /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_LIST_COLUMN_ACTIONS ?? t(
-                  "formBuilder.list.columnActions",
-                  "Actions"
-                ) })
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("rounded-lg border", classNames?.table),
+            "data-testid": "form-builder-list-table",
+            children: /* @__PURE__ */ jsxs(Table, { children: [
+              /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+                /* @__PURE__ */ jsx(TableHead, { children: localization?.FORM_BUILDER_LIST_COLUMN_NAME ?? t("formBuilder.list.columnName", "Name") }),
+                /* @__PURE__ */ jsx(TableHead, { children: localization?.FORM_BUILDER_LIST_COLUMN_SLUG ?? t("formBuilder.list.columnSlug", "Slug") }),
+                /* @__PURE__ */ jsx(TableHead, { children: localization?.FORM_BUILDER_LIST_COLUMN_STATUS ?? t("formBuilder.list.columnStatus", "Status") }),
+                /* @__PURE__ */ jsx(TableHead, { children: localization?.FORM_BUILDER_LIST_COLUMN_CREATED ?? t("formBuilder.list.columnCreated", "Created") }),
+                /* @__PURE__ */ jsx(TableHead, { className: "w-12", children: localization?.FORM_BUILDER_LIST_COLUMN_ACTIONS ?? t("formBuilder.list.columnActions", "Actions") })
               ] }) }),
-              /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
-                /* @__PURE__ */ jsx(
-                  PermissionAccess,
-                  {
-                    permission: formBuilderPermissions.form.update({
-                      formId: form.id,
-                      ...form.createdBy ? { ownerId: form.createdBy } : {},
-                      status: form.status
-                    }),
-                    children: /* @__PURE__ */ jsxs(
-                      DropdownMenuItem,
+              /* @__PURE__ */ jsx(TableBody, { children: forms.map((form) => /* @__PURE__ */ jsxs(TableRow, { className: classNames?.tableRow, children: [
+                /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: form.name }),
+                /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground font-mono text-sm", children: form.slug }),
+                /* @__PURE__ */ jsx(TableCell, { children: getStatusBadge(form.status) }),
+                /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground", children: new Date(form.createdAt).toLocaleDateString() }),
+                /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+                  /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "icon", children: [
+                    /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_LIST_COLUMN_ACTIONS ?? t(
+                      "formBuilder.list.columnActions",
+                      "Actions"
+                    ) })
+                  ] }) }),
+                  /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+                    /* @__PURE__ */ jsx(
+                      PermissionAccess,
                       {
-                        onClick: () => navigate("forms", form.id, "edit"),
-                        children: [
-                          /* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-4 w-4" }),
-                          localization?.FORM_BUILDER_LIST_ACTION_EDIT ?? t("formBuilder.list.actionEdit", "Edit")
-                        ]
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  PermissionAccess,
-                  {
-                    permission: formBuilderPermissions.submission.read(
-                      {
-                        scope: "collection",
-                        formId: form.id,
-                        formExists: true,
-                        ...form.createdBy ? { ownerId: form.createdBy } : {}
+                        permission: formBuilderPermissions.form.update({
+                          formId: form.id,
+                          ...form.createdBy ? { ownerId: form.createdBy } : {},
+                          status: form.status
+                        }),
+                        children: /* @__PURE__ */ jsxs(
+                          DropdownMenuItem,
+                          {
+                            onClick: () => navigate("forms", form.id, "edit"),
+                            children: [
+                              /* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-4 w-4" }),
+                              localization?.FORM_BUILDER_LIST_ACTION_EDIT ?? t("formBuilder.list.actionEdit", "Edit")
+                            ]
+                          }
+                        )
                       }
                     ),
-                    children: /* @__PURE__ */ jsxs(
-                      DropdownMenuItem,
+                    /* @__PURE__ */ jsx(
+                      PermissionAccess,
                       {
-                        onClick: () => navigate("forms", form.id, "submissions"),
-                        children: [
-                          /* @__PURE__ */ jsx(FileText, { className: "mr-2 h-4 w-4" }),
-                          localization?.FORM_BUILDER_LIST_ACTION_SUBMISSIONS ?? t(
-                            "formBuilder.list.actionSubmissions",
-                            "Submissions"
-                          )
-                        ]
+                        permission: formBuilderPermissions.submission.read(
+                          {
+                            scope: "collection",
+                            formId: form.id,
+                            formExists: true,
+                            ...form.createdBy ? { ownerId: form.createdBy } : {}
+                          }
+                        ),
+                        children: /* @__PURE__ */ jsxs(
+                          DropdownMenuItem,
+                          {
+                            onClick: () => navigate("forms", form.id, "submissions"),
+                            children: [
+                              /* @__PURE__ */ jsx(FileText, { className: "mr-2 h-4 w-4" }),
+                              localization?.FORM_BUILDER_LIST_ACTION_SUBMISSIONS ?? t(
+                                "formBuilder.list.actionSubmissions",
+                                "Submissions"
+                              )
+                            ]
+                          }
+                        )
                       }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  PermissionAccess,
-                  {
-                    permission: formBuilderPermissions.form.delete({
-                      formId: form.id,
-                      ...form.createdBy ? { ownerId: form.createdBy } : {},
-                      status: form.status
-                    }),
-                    children: /* @__PURE__ */ jsxs(
-                      DropdownMenuItem,
+                    ),
+                    /* @__PURE__ */ jsx(
+                      PermissionAccess,
                       {
-                        className: "text-destructive",
-                        onClick: () => setDeleteId(form.id),
-                        children: [
-                          /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
-                          localization?.FORM_BUILDER_LIST_ACTION_DELETE ?? t("formBuilder.list.actionDelete", "Delete")
-                        ]
+                        permission: formBuilderPermissions.form.delete({
+                          formId: form.id,
+                          ...form.createdBy ? { ownerId: form.createdBy } : {},
+                          status: form.status
+                        }),
+                        children: /* @__PURE__ */ jsxs(
+                          DropdownMenuItem,
+                          {
+                            className: "text-destructive",
+                            onClick: () => setDeleteId(form.id),
+                            children: [
+                              /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+                              localization?.FORM_BUILDER_LIST_ACTION_DELETE ?? t("formBuilder.list.actionDelete", "Delete")
+                            ]
+                          }
+                        )
                       }
                     )
-                  }
-                )
-              ] })
-            ] }) })
-          ] }, form.id)) })
-        ] }) }),
+                  ] })
+                ] }) })
+              ] }, form.id)) })
+            ] })
+          }
+        ),
         /* @__PURE__ */ jsx(
           Pagination,
           {
@@ -235,6 +241,7 @@ function FormListPage() {
             hasMore,
             isLoadingMore,
             onLoadMore: loadMore,
+            className: classNames?.pagination,
             labels: {
               showing: localization?.FORM_BUILDER_LIST_PAGINATION_SHOWING ?? t(
                 "formBuilder.list.paginationShowing",