@btst/stack 1.1.4 → 1.1.5

package/dist/node_modules/.pnpm/@radix-ui_react-alert-dialog@1.1.15_@types_react-dom@19.2.2_@types_react@19.2.2__@types_ec789942cd38340bd7362c09e7d34384/node_modules/@radix-ui/react-alert-dialog/dist/index.cjs

@@ -0,0 +1,182 @@
+"use client";
+'use strict';
+
+const React = require('react');
+const index$1 = require('../../../../../@radix-ui_react-context@1.1.2_@types_react@19.2.2_react@19.2.0/node_modules/@radix-ui/react-context/dist/index.cjs');
+const index = require('../../../../../@radix-ui_react-compose-refs@1.1.2_@types_react@19.2.2_react@19.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.cjs');
+const DialogPrimitive = require('@radix-ui/react-dialog');
+const index$2 = require('../../../../../@radix-ui_primitive@1.1.3/node_modules/@radix-ui/primitive/dist/index.cjs');
+const reactSlot = require('@radix-ui/react-slot');
+const jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  const n = Object.create(null);
+  if (e) {
+    for (const k in e) {
+      n[k] = e[k];
+    }
+  }
+  n.default = e;
+  return n;
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+const DialogPrimitive__namespace = /*#__PURE__*/_interopNamespaceCompat(DialogPrimitive);
+
+var ROOT_NAME = "AlertDialog";
+var [createAlertDialogContext] = index$1.createContextScope(ROOT_NAME, [
+  DialogPrimitive.createDialogScope
+]);
+var useDialogScope = DialogPrimitive.createDialogScope();
+var AlertDialog = (props) => {
+  const { __scopeAlertDialog, ...alertDialogProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { ...dialogScope, ...alertDialogProps, modal: true });
+};
+AlertDialog.displayName = ROOT_NAME;
+var TRIGGER_NAME = "AlertDialogTrigger";
+var AlertDialogTrigger = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...triggerProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });
+  }
+);
+AlertDialogTrigger.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "AlertDialogPortal";
+var AlertDialogPortal = (props) => {
+  const { __scopeAlertDialog, ...portalProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { ...dialogScope, ...portalProps });
+};
+AlertDialogPortal.displayName = PORTAL_NAME;
+var OVERLAY_NAME = "AlertDialogOverlay";
+var AlertDialogOverlay = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...overlayProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
+  }
+);
+AlertDialogOverlay.displayName = OVERLAY_NAME;
+var CONTENT_NAME = "AlertDialogContent";
+var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);
+var Slottable = reactSlot.createSlottable("AlertDialogContent");
+var AlertDialogContent = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, children, ...contentProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    const contentRef = React__namespace.useRef(null);
+    const composedRefs = index.useComposedRefs(forwardedRef, contentRef);
+    const cancelRef = React__namespace.useRef(null);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      DialogPrimitive__namespace.WarningProvider,
+      {
+        contentName: CONTENT_NAME,
+        titleName: TITLE_NAME,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ jsxRuntime.jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          DialogPrimitive__namespace.Content,
+          {
+            role: "alertdialog",
+            ...dialogScope,
+            ...contentProps,
+            ref: composedRefs,
+            onOpenAutoFocus: index$2.composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {
+              event.preventDefault();
+              cancelRef.current?.focus({ preventScroll: true });
+            }),
+            onPointerDownOutside: (event) => event.preventDefault(),
+            onInteractOutside: (event) => event.preventDefault(),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Slottable, { children }),
+              /* @__PURE__ */ jsxRuntime.jsx(DescriptionWarning, { contentRef })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+AlertDialogContent.displayName = CONTENT_NAME;
+var TITLE_NAME = "AlertDialogTitle";
+var AlertDialogTitle = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...titleProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });
+  }
+);
+AlertDialogTitle.displayName = TITLE_NAME;
+var DESCRIPTION_NAME = "AlertDialogDescription";
+var AlertDialogDescription = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeAlertDialog, ...descriptionProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
+});
+AlertDialogDescription.displayName = DESCRIPTION_NAME;
+var ACTION_NAME = "AlertDialogAction";
+var AlertDialogAction = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...actionProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });
+  }
+);
+AlertDialogAction.displayName = ACTION_NAME;
+var CANCEL_NAME = "AlertDialogCancel";
+var AlertDialogCancel = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...cancelProps } = props;
+    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    const ref = index.useComposedRefs(forwardedRef, cancelRef);
+    return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { ...dialogScope, ...cancelProps, ref });
+  }
+);
+AlertDialogCancel.displayName = CANCEL_NAME;
+var DescriptionWarning = ({ contentRef }) => {
+  const MESSAGE = `\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${CONTENT_NAME}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  React__namespace.useEffect(() => {
+    const hasDescription = document.getElementById(
+      contentRef.current?.getAttribute("aria-describedby")
+    );
+    if (!hasDescription) console.warn(MESSAGE);
+  }, [MESSAGE, contentRef]);
+  return null;
+};
+var Root2 = AlertDialog;
+var Trigger2 = AlertDialogTrigger;
+var Portal2 = AlertDialogPortal;
+var Overlay2 = AlertDialogOverlay;
+var Content2 = AlertDialogContent;
+var Action = AlertDialogAction;
+var Cancel = AlertDialogCancel;
+var Title2 = AlertDialogTitle;
+var Description2 = AlertDialogDescription;
+
+exports.Action = Action;
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogOverlay = AlertDialogOverlay;
+exports.AlertDialogPortal = AlertDialogPortal;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+exports.Cancel = Cancel;
+exports.Content = Content2;
+exports.Description = Description2;
+exports.Overlay = Overlay2;
+exports.Portal = Portal2;
+exports.Root = Root2;
+exports.Title = Title2;
+exports.Trigger = Trigger2;

package/dist/node_modules/.pnpm/@radix-ui_react-alert-dialog@1.1.15_@types_react-dom@19.2.2_@types_react@19.2.2__@types_ec789942cd38340bd7362c09e7d34384/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs

@@ -0,0 +1,149 @@
+"use client";
+import * as React from 'react';
+import { createContextScope } from '../../../../../@radix-ui_react-context@1.1.2_@types_react@19.2.2_react@19.2.0/node_modules/@radix-ui/react-context/dist/index.mjs';
+import { useComposedRefs } from '../../../../../@radix-ui_react-compose-refs@1.1.2_@types_react@19.2.2_react@19.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { createDialogScope } from '@radix-ui/react-dialog';
+import { composeEventHandlers } from '../../../../../@radix-ui_primitive@1.1.3/node_modules/@radix-ui/primitive/dist/index.mjs';
+import { createSlottable } from '@radix-ui/react-slot';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ROOT_NAME = "AlertDialog";
+var [createAlertDialogContext] = createContextScope(ROOT_NAME, [
+  createDialogScope
+]);
+var useDialogScope = createDialogScope();
+var AlertDialog = (props) => {
+  const { __scopeAlertDialog, ...alertDialogProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });
+};
+AlertDialog.displayName = ROOT_NAME;
+var TRIGGER_NAME = "AlertDialogTrigger";
+var AlertDialogTrigger = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...triggerProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });
+  }
+);
+AlertDialogTrigger.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "AlertDialogPortal";
+var AlertDialogPortal = (props) => {
+  const { __scopeAlertDialog, ...portalProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });
+};
+AlertDialogPortal.displayName = PORTAL_NAME;
+var OVERLAY_NAME = "AlertDialogOverlay";
+var AlertDialogOverlay = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...overlayProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
+  }
+);
+AlertDialogOverlay.displayName = OVERLAY_NAME;
+var CONTENT_NAME = "AlertDialogContent";
+var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);
+var Slottable = createSlottable("AlertDialogContent");
+var AlertDialogContent = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, children, ...contentProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    const contentRef = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, contentRef);
+    const cancelRef = React.useRef(null);
+    return /* @__PURE__ */ jsx(
+      DialogPrimitive.WarningProvider,
+      {
+        contentName: CONTENT_NAME,
+        titleName: TITLE_NAME,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(
+          DialogPrimitive.Content,
+          {
+            role: "alertdialog",
+            ...dialogScope,
+            ...contentProps,
+            ref: composedRefs,
+            onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {
+              event.preventDefault();
+              cancelRef.current?.focus({ preventScroll: true });
+            }),
+            onPointerDownOutside: (event) => event.preventDefault(),
+            onInteractOutside: (event) => event.preventDefault(),
+            children: [
+              /* @__PURE__ */ jsx(Slottable, { children }),
+              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+AlertDialogContent.displayName = CONTENT_NAME;
+var TITLE_NAME = "AlertDialogTitle";
+var AlertDialogTitle = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...titleProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });
+  }
+);
+AlertDialogTitle.displayName = TITLE_NAME;
+var DESCRIPTION_NAME = "AlertDialogDescription";
+var AlertDialogDescription = React.forwardRef((props, forwardedRef) => {
+  const { __scopeAlertDialog, ...descriptionProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
+});
+AlertDialogDescription.displayName = DESCRIPTION_NAME;
+var ACTION_NAME = "AlertDialogAction";
+var AlertDialogAction = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...actionProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });
+  }
+);
+AlertDialogAction.displayName = ACTION_NAME;
+var CANCEL_NAME = "AlertDialogCancel";
+var AlertDialogCancel = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...cancelProps } = props;
+    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    const ref = useComposedRefs(forwardedRef, cancelRef);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });
+  }
+);
+AlertDialogCancel.displayName = CANCEL_NAME;
+var DescriptionWarning = ({ contentRef }) => {
+  const MESSAGE = `\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${CONTENT_NAME}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  React.useEffect(() => {
+    const hasDescription = document.getElementById(
+      contentRef.current?.getAttribute("aria-describedby")
+    );
+    if (!hasDescription) console.warn(MESSAGE);
+  }, [MESSAGE, contentRef]);
+  return null;
+};
+var Root2 = AlertDialog;
+var Trigger2 = AlertDialogTrigger;
+var Portal2 = AlertDialogPortal;
+var Overlay2 = AlertDialogOverlay;
+var Content2 = AlertDialogContent;
+var Action = AlertDialogAction;
+var Cancel = AlertDialogCancel;
+var Title2 = AlertDialogTitle;
+var Description2 = AlertDialogDescription;
+
+export { Action, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Cancel, Content2 as Content, Description2 as Description, Overlay2 as Overlay, Portal2 as Portal, Root2 as Root, Title2 as Title, Trigger2 as Trigger };

package/dist/packages/better-stack/src/plugins/blog/client/components/forms/post-forms.cjs

@@ -10,6 +10,7 @@ const _switch = require('../../../../../../../ui/src/components/switch.cjs');
 const textarea = require('../../../../../../../ui/src/components/textarea.cjs');
 const blogHooks = require('../../hooks/blog-hooks.cjs');
 const utils = require('../../../utils.cjs');
+const alertDialog = require('../../../../../../../ui/src/components/alert-dialog.cjs');
 const zod = require('@hookform/resolvers/zod');
 const lucideReact = require('lucide-react');
 const React = require('react');
@@ -307,14 +308,17 @@ const editPostFormPropsAreEqual = (prevProps, nextProps) => {
   if (prevProps.postSlug !== nextProps.postSlug) return false;
   if (prevProps.onClose !== nextProps.onClose) return false;
   if (prevProps.onSuccess !== nextProps.onSuccess) return false;
+  if (prevProps.onDelete !== nextProps.onDelete) return false;
   return true;
 };
 const EditPostFormComponent = ({
   postSlug,
   onClose,
-  onSuccess
+  onSuccess,
+  onDelete
 }) => {
   const [featuredImageUploading, setFeaturedImageUploading] = React.useState(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = React.useState(false);
   const { localization } = context.usePluginOverrides("blog", {
     localization: index.BLOG_LOCALIZATION
   });
@@ -341,6 +345,7 @@ const EditPostFormComponent = ({
     isPending: isUpdatingPost,
     error: updatePostError
   } = blogHooks.useUpdatePost();
+  const { mutateAsync: deletePost, isPending: isDeletingPost } = blogHooks.useDeletePost();
   const onSubmit = async (data) => {
     const updatedPost = await updatePost({
       id: post.id,
@@ -362,6 +367,17 @@ const EditPostFormComponent = ({
       published: updatedPost?.published ?? false
     });
   };
+  const handleDelete = async () => {
+    if (!post?.id) return;
+    await deletePost({ id: post.id });
+    sonner.toast.success(localization.BLOG_FORMS_TOAST_DELETE_SUCCESS);
+    setDeleteDialogOpen(false);
+    if (onDelete) {
+      onDelete();
+    } else {
+      onClose();
+    }
+  };
   const form = reactHookForm.useForm({
     resolver: zod.zodResolver(schema),
     defaultValues: {
@@ -378,19 +394,53 @@ const EditPostFormComponent = ({
   if (!post) {
     return /* @__PURE__ */ jsxRuntime.jsx(emptyList.EmptyList, { message: localization.BLOG_PAGE_NOT_FOUND_DESCRIPTION });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    PostFormBody,
-    {
-      form,
-      onSubmit,
-      submitLabel: isUpdatingPost ? localization.BLOG_FORMS_SUBMIT_UPDATE_PENDING : localization.BLOG_FORMS_SUBMIT_UPDATE_IDLE,
-      onCancel: onClose,
-      disabled: isUpdatingPost || featuredImageUploading,
-      errorMessage: updatePostError?.message,
-      setFeaturedImageUploading,
-      initialSlugTouched: !!post?.slug
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PostFormBody,
+      {
+        form,
+        onSubmit,
+        submitLabel: isUpdatingPost ? localization.BLOG_FORMS_SUBMIT_UPDATE_PENDING : localization.BLOG_FORMS_SUBMIT_UPDATE_IDLE,
+        onCancel: onClose,
+        disabled: isUpdatingPost || featuredImageUploading,
+        errorMessage: updatePostError?.message,
+        setFeaturedImageUploading,
+        initialSlugTouched: !!post?.slug
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          variant: "destructive",
+          type: "button",
+          disabled: isUpdatingPost || featuredImageUploading || isDeletingPost,
+          className: "mt-4",
+          children: localization.BLOG_FORMS_DELETE_BUTTON
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogContent, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTitle, { children: localization.BLOG_FORMS_DELETE_DIALOG_TITLE }),
+          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogDescription, { children: localization.BLOG_FORMS_DELETE_DIALOG_DESCRIPTION })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogFooter, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogCancel, { disabled: isDeletingPost, children: localization.BLOG_FORMS_DELETE_DIALOG_CANCEL }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            alertDialog.AlertDialogAction,
+            {
+              onClick: (e) => {
+                e.preventDefault();
+                void handleDelete();
+              },
+              disabled: isDeletingPost,
+              children: isDeletingPost ? localization.BLOG_FORMS_DELETE_PENDING : localization.BLOG_FORMS_DELETE_DIALOG_CONFIRM
+            }
+          )
+        ] })
+      ] })
+    ] }) })
+  ] });
 };
 const EditPostForm = React.memo(
   EditPostFormComponent,

package/dist/packages/better-stack/src/plugins/blog/client/components/forms/post-forms.mjs

@@ -1,13 +1,14 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPostSchema, updatePostSchema } from '../../../schemas.mjs';
 import { Button } from '../../../../../../../ui/src/components/button.mjs';
 import { Form, FormField, FormItem, FormLabel, FormControl, FormMessage, FormDescription } from '../../../../../../../ui/src/components/form.mjs';
 import { Input } from '../../../../../../../ui/src/components/input.mjs';
 import { Switch } from '../../../../../../../ui/src/components/switch.mjs';
 import { Textarea } from '../../../../../../../ui/src/components/textarea.mjs';
-import { useCreatePost, useSuspensePost, useUpdatePost } from '../../hooks/blog-hooks.mjs';
+import { useCreatePost, useSuspensePost, useUpdatePost, useDeletePost } from '../../hooks/blog-hooks.mjs';
 import { slugify } from '../../../utils.mjs';
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from '../../../../../../../ui/src/components/alert-dialog.mjs';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Loader2 } from 'lucide-react';
 import { memo, useState, useMemo, Suspense, lazy } from 'react';
@@ -305,14 +306,17 @@ const editPostFormPropsAreEqual = (prevProps, nextProps) => {
   if (prevProps.postSlug !== nextProps.postSlug) return false;
   if (prevProps.onClose !== nextProps.onClose) return false;
   if (prevProps.onSuccess !== nextProps.onSuccess) return false;
+  if (prevProps.onDelete !== nextProps.onDelete) return false;
   return true;
 };
 const EditPostFormComponent = ({
   postSlug,
   onClose,
-  onSuccess
+  onSuccess,
+  onDelete
 }) => {
   const [featuredImageUploading, setFeaturedImageUploading] = useState(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
   const { localization } = usePluginOverrides("blog", {
     localization: BLOG_LOCALIZATION
   });
@@ -339,6 +343,7 @@ const EditPostFormComponent = ({
     isPending: isUpdatingPost,
     error: updatePostError
   } = useUpdatePost();
+  const { mutateAsync: deletePost, isPending: isDeletingPost } = useDeletePost();
   const onSubmit = async (data) => {
     const updatedPost = await updatePost({
       id: post.id,
@@ -360,6 +365,17 @@ const EditPostFormComponent = ({
       published: updatedPost?.published ?? false
     });
   };
+  const handleDelete = async () => {
+    if (!post?.id) return;
+    await deletePost({ id: post.id });
+    toast.success(localization.BLOG_FORMS_TOAST_DELETE_SUCCESS);
+    setDeleteDialogOpen(false);
+    if (onDelete) {
+      onDelete();
+    } else {
+      onClose();
+    }
+  };
   const form = useForm({
     resolver: zodResolver(schema),
     defaultValues: {
@@ -376,19 +392,53 @@ const EditPostFormComponent = ({
   if (!post) {
     return /* @__PURE__ */ jsx(EmptyList, { message: localization.BLOG_PAGE_NOT_FOUND_DESCRIPTION });
   }
-  return /* @__PURE__ */ jsx(
-    PostFormBody,
-    {
-      form,
-      onSubmit,
-      submitLabel: isUpdatingPost ? localization.BLOG_FORMS_SUBMIT_UPDATE_PENDING : localization.BLOG_FORMS_SUBMIT_UPDATE_IDLE,
-      onCancel: onClose,
-      disabled: isUpdatingPost || featuredImageUploading,
-      errorMessage: updatePostError?.message,
-      setFeaturedImageUploading,
-      initialSlugTouched: !!post?.slug
-    }
-  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      PostFormBody,
+      {
+        form,
+        onSubmit,
+        submitLabel: isUpdatingPost ? localization.BLOG_FORMS_SUBMIT_UPDATE_PENDING : localization.BLOG_FORMS_SUBMIT_UPDATE_IDLE,
+        onCancel: onClose,
+        disabled: isUpdatingPost || featuredImageUploading,
+        errorMessage: updatePostError?.message,
+        setFeaturedImageUploading,
+        initialSlugTouched: !!post?.slug
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs(AlertDialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: [
+      /* @__PURE__ */ jsx(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "destructive",
+          type: "button",
+          disabled: isUpdatingPost || featuredImageUploading || isDeletingPost,
+          className: "mt-4",
+          children: localization.BLOG_FORMS_DELETE_BUTTON
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+        /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+          /* @__PURE__ */ jsx(AlertDialogTitle, { children: localization.BLOG_FORMS_DELETE_DIALOG_TITLE }),
+          /* @__PURE__ */ jsx(AlertDialogDescription, { children: localization.BLOG_FORMS_DELETE_DIALOG_DESCRIPTION })
+        ] }),
+        /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+          /* @__PURE__ */ jsx(AlertDialogCancel, { disabled: isDeletingPost, children: localization.BLOG_FORMS_DELETE_DIALOG_CANCEL }),
+          /* @__PURE__ */ jsx(
+            AlertDialogAction,
+            {
+              onClick: (e) => {
+                e.preventDefault();
+                void handleDelete();
+              },
+              disabled: isDeletingPost,
+              children: isDeletingPost ? localization.BLOG_FORMS_DELETE_PENDING : localization.BLOG_FORMS_DELETE_DIALOG_CONFIRM
+            }
+          )
+        ] })
+      ] })
+    ] }) })
+  ] });
 };
 const EditPostForm = memo(
   EditPostFormComponent,

package/dist/packages/better-stack/src/plugins/blog/client/components/pages/edit-post-page.internal.cjs

@@ -35,6 +35,9 @@ function EditPostPage({ slug }) {
   const handleSuccess = (post) => {
     navigate(`${basePath}/blog/${post.slug}`);
   };
+  const handleDelete = () => {
+    navigate(`${basePath}/blog`);
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(pageWrapper.PageWrapper, { className: "gap-6", testId: "edit-post-page", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       pageHeader.PageHeader,
@@ -48,7 +51,8 @@ function EditPostPage({ slug }) {
       {
         postSlug: slug,
         onClose: handleClose,
-        onSuccess: handleSuccess
+        onSuccess: handleSuccess,
+        onDelete: handleDelete
       }
     )
   ] });

package/dist/packages/better-stack/src/plugins/blog/client/components/pages/edit-post-page.internal.mjs

@@ -33,6 +33,9 @@ function EditPostPage({ slug }) {
   const handleSuccess = (post) => {
     navigate(`${basePath}/blog/${post.slug}`);
   };
+  const handleDelete = () => {
+    navigate(`${basePath}/blog`);
+  };
   return /* @__PURE__ */ jsxs(PageWrapper, { className: "gap-6", testId: "edit-post-page", children: [
     /* @__PURE__ */ jsx(
       PageHeader,
@@ -46,7 +49,8 @@ function EditPostPage({ slug }) {
       {
         postSlug: slug,
         onClose: handleClose,
-        onSuccess: handleSuccess
+        onSuccess: handleSuccess,
+        onDelete: handleDelete
       }
     )
   ] });

package/dist/packages/better-stack/src/plugins/blog/client/hooks/blog-hooks.cjs

@@ -269,6 +269,36 @@ function useUpdatePost() {
     }
   });
 }
+function useDeletePost() {
+  const { refresh, apiBaseURL, apiBasePath } = context.usePluginOverrides("blog");
+  const client$1 = client.createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const queryClient = reactQuery.useQueryClient();
+  const queries = plugins_blog_queryKeys.createBlogQueryKeys(client$1);
+  return reactQuery.useMutation({
+    mutationKey: [...queries.posts._def, "delete"],
+    mutationFn: async ({ id }) => {
+      const response = await client$1(`@delete/posts/:id`, {
+        method: "DELETE",
+        params: { id }
+      });
+      return response.data;
+    },
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({
+        queryKey: queries.posts._def
+      });
+      await queryClient.invalidateQueries({
+        queryKey: queries.drafts.list._def
+      });
+      if (refresh) {
+        await refresh();
+      }
+    }
+  });
+}
 function usePostSearch({
   query,
   enabled = true,
@@ -368,6 +398,7 @@ function useRecentPosts(options = {}) {
 }
 
 exports.useCreatePost = useCreatePost;
+exports.useDeletePost = useDeletePost;
 exports.useNextPreviousPosts = useNextPreviousPosts;
 exports.usePost = usePost;
 exports.usePostSearch = usePostSearch;