@btst/stack 1.3.1 → 1.4.1

package/dist/packages/better-stack/src/plugins/blog/client/components/shared/markdown-content.mjs

@@ -1,315 +1,25 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { cn, slugify } from '../../../utils.mjs';
-import { useState, useMemo, useEffect, createElement, isValidElement, useRef } from 'react';
-import ReactMarkdown from 'react-markdown';
-import rehypeHighlight from 'rehype-highlight';
-import rehypeRaw from 'rehype-raw';
-import remarkGfm from 'remark-gfm';
-import 'highlight.js/styles/panda-syntax-light.css';
-import { CheckIcon, CopyIcon } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+import { MarkdownContent as MarkdownContent$1 } from '../../../../../../../ui/src/components/markdown-content.mjs';
 import { usePluginOverrides } from '@btst/stack/context';
 import { DefaultImage, DefaultLink } from './defaults.mjs';
+import 'highlight.js/styles/panda-syntax-light.css';
 
-function containsMath(markdown) {
-  return /\$\$[\s\S]+?\$\$/.test(markdown) || // Display math
-  /(?<!\$)\$(?!\$)[^\$\n]+?\$(?!\$)/.test(markdown) || // Inline math (not $$)
-  /\\begin\{(equation|align|gather|math)\}/.test(markdown);
-}
-function getNodeText(node) {
-  if (node == null) return "";
-  if (typeof node === "string" || typeof node === "number") return String(node);
-  if (Array.isArray(node)) return node.map(getNodeText).join("");
-  if (isValidElement(node)) {
-    const props = node.props;
-    return getNodeText(props.children);
-  }
-  return "";
-}
-function simpleHash(str) {
-  let hash = 0;
-  for (let i = 0; i < str.length; i++) {
-    const char = str.charCodeAt(i);
-    hash = (hash << 5) - hash + char;
-    hash = hash & hash;
-  }
-  return Math.abs(hash).toString(36).slice(0, 6);
-}
-function isCheckboxElement(node) {
-  return isValidElement(node) && node.type === "input" && node.props.type === "checkbox";
-}
-function createTaskListItemRenderer() {
-  return function LiRenderer(props) {
-    const { className, children, ...rest } = props;
-    const isTaskItem = (className ?? "").split(" ").includes("task-list-item");
-    if (!isTaskItem) {
-      return /* @__PURE__ */ jsx("li", { className, ...rest, children });
-    }
-    const childArray = Array.isArray(children) ? children : [children];
-    const checkboxNode = childArray.find(isCheckboxElement);
-    const nonCheckboxChildren = childArray.filter((c) => !isCheckboxElement(c));
-    const labelText = getNodeText(nonCheckboxChildren);
-    const baseId = slugify(labelText || "task-item");
-    const hashSuffix = simpleHash(labelText || "task-item");
-    const uniqueId = `${baseId}-${hashSuffix}`;
-    return /* @__PURE__ */ jsxs("li", { className, ...rest, children: [
-      checkboxNode ? createElement(checkboxNode.type, {
-        ...checkboxNode.props,
-        id: uniqueId,
-        "aria-label": labelText || "Task item"
-      }) : null,
-      /* @__PURE__ */ jsx("label", { htmlFor: uniqueId, children: nonCheckboxChildren })
-    ] });
-  };
-}
-function createHeadingRenderer(tag) {
-  return function HeadingRenderer(props) {
-    const { children, ...rest } = props;
-    const text = getNodeText(children);
-    const id = slugify(text);
-    return createElement(
-      tag,
-      { id, ...rest },
-      children,
-      text ? /* @__PURE__ */ jsx(
-        "a",
-        {
-          className: "heading-anchor",
-          href: `#${id}`,
-          "aria-label": "Link to heading",
-          children: "#"
-        }
-      ) : null
-    );
-  };
-}
-function AnchorRenderer(props) {
-  const { Link } = usePluginOverrides("blog", {
-    Link: DefaultLink
-  });
-  const { href = "", children, className: anchorClassName, ...rest } = props;
-  return /* @__PURE__ */ jsx(Link, { href, className: anchorClassName, ...rest, children });
-}
-function ImgRenderer(props) {
-  const { Image } = usePluginOverrides("blog", {
+function MarkdownContent({ markdown, className }) {
+  const { Link, Image } = usePluginOverrides("blog", {
+    Link: DefaultLink,
     Image: DefaultImage
   });
-  const {
-    src = "",
-    alt = "",
-    className: imgClassName,
-    width,
-    height,
-    style,
-    ...rest
-  } = props;
-  const imageProps = {
-    src,
-    alt,
-    className: imgClassName,
-    style,
-    ...rest
-  };
-  if (width != null && height != null) {
-    imageProps.width = width;
-    imageProps.height = height;
-  } else {
-    return /* @__PURE__ */ jsx("span", { className: "markdown-image-wrapper", children: /* @__PURE__ */ jsx(Image, { ...imageProps }) });
-  }
-  return /* @__PURE__ */ jsx(Image, { ...imageProps });
-}
-function CodeRenderer({ inline, className, children, ...rest }) {
-  const hasLanguage = /language-([a-z0-9-]+)/i.test(className ?? "");
-  const isInline = inline ?? !hasLanguage;
-  if (isInline) {
-    return /* @__PURE__ */ jsx("code", { className, ...rest, children });
-  }
-  return /* @__PURE__ */ jsx("code", { className, ...rest, children });
-}
-function PreRenderer(props) {
-  const { children, ...rest } = props;
-  const child = Array.isArray(children) ? children[0] : children;
-  let language;
-  if (isValidElement(child)) {
-    const className = child.props.className;
-    const match = /language-([a-z0-9-]+)/i.exec(className ?? "");
-    language = match?.[1];
-  }
-  const label = (language ?? "text").toUpperCase();
-  const preRef = useRef(null);
-  const [copied, setCopied] = useState(false);
-  const resetTimerRef = useRef(null);
-  let codeText = "";
-  if (isValidElement(child)) {
-    const childProps = child.props;
-    codeText = getNodeText(childProps.children);
-  }
-  const normalized = codeText.endsWith("\n") ? codeText.slice(0, -1) : codeText;
-  const lineCount = Math.max(1, normalized.split("\n").length);
-  const digitCount = String(lineCount).length;
-  const onCopy = async (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    try {
-      const text = preRef.current?.textContent ?? "";
-      if (text && typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
-        await navigator.clipboard.writeText(text);
-        setCopied(true);
-        if (resetTimerRef.current) window.clearTimeout(resetTimerRef.current);
-        resetTimerRef.current = window.setTimeout(() => {
-          setCopied(false);
-          resetTimerRef.current = null;
-        }, 2e3);
-      }
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
+  return /* @__PURE__ */ jsx(
+    MarkdownContent$1,
     {
-      className: "milkdown-code-block",
-      style: {
-        ["--code-gutter-width"]: `${digitCount + 1}ch`
-      },
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "code-toolbar", children: [
-          /* @__PURE__ */ jsx("span", { className: "language-label", children: label }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "copy-button",
-              onClick: onCopy,
-              "aria-label": copied ? "Copied" : "Copy code",
-              children: copied ? /* @__PURE__ */ jsx(CheckIcon, { size: 16 }) : /* @__PURE__ */ jsx(CopyIcon, { size: 16 })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "code-content", children: [
-          /* @__PURE__ */ jsx("ol", { className: "line-numbers", "aria-hidden": true, children: Array.from({ length: lineCount }).map((_, idx) => /* @__PURE__ */ jsx("li", { children: idx + 1 }, idx + 1)) }),
-          /* @__PURE__ */ jsx("pre", { ref: preRef, ...rest, children })
-        ] })
-      ]
+      markdown,
+      className,
+      variant: "default",
+      LinkComponent: Link,
+      ImageComponent: Image
     }
   );
 }
-function MarkdownContent({ markdown, className }) {
-  const [mathPlugins, setMathPlugins] = useState(null);
-  const [isLoadingMath, setIsLoadingMath] = useState(false);
-  const hasMath = useMemo(() => containsMath(markdown), [markdown]);
-  useEffect(() => {
-    if (!hasMath || mathPlugins || isLoadingMath) return;
-    setIsLoadingMath(true);
-    const katexCSSId = "katex-css";
-    if (!document.getElementById(katexCSSId)) {
-      const link = document.createElement("link");
-      link.id = katexCSSId;
-      link.rel = "stylesheet";
-      link.href = "https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css";
-      link.integrity = "sha384-nB0miv6/jRmo5UMMR1wu3Gz6NLsoTkbqJghGIsx//Rlm+ZU03BU6SQNC66uf4l5+";
-      link.crossOrigin = "anonymous";
-      document.head.appendChild(link);
-      const fontDisplayStyleId = "katex-font-display-override";
-      if (!document.getElementById(fontDisplayStyleId)) {
-        const style = document.createElement("style");
-        style.id = fontDisplayStyleId;
-        style.textContent = `
-					/* Override KaTeX font-face declarations to add font-display: swap */
-					@font-face {
-						font-family: 'KaTeX_Main';
-						font-style: normal;
-						font-weight: normal;
-						font-display: swap;
-						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Main-Regular.woff2') format('woff2');
-					}
-					@font-face {
-						font-family: 'KaTeX_Math';
-						font-style: italic;
-						font-weight: normal;
-						font-display: swap;
-						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Math-Italic.woff2') format('woff2');
-					}
-					@font-face {
-						font-family: 'KaTeX_Size1';
-						font-style: normal;
-						font-weight: normal;
-						font-display: swap;
-						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Size1-Regular.woff2') format('woff2');
-					}
-					@font-face {
-						font-family: 'KaTeX_Size2';
-						font-style: normal;
-						font-weight: normal;
-						font-display: swap;
-						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Size2-Regular.woff2') format('woff2');
-					}
-					@font-face {
-						font-family: 'KaTeX_Size3';
-						font-style: normal;
-						font-weight: normal;
-						font-display: swap;
-						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Size3-Regular.woff2') format('woff2');
-					}
-					@font-face {
-						font-family: 'KaTeX_Size4';
-						font-style: normal;
-						font-weight: normal;
-						font-display: swap;
-						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Size4-Regular.woff2') format('woff2');
-					}
-				`;
-        document.head.appendChild(style);
-      }
-    }
-    Promise.all([import('remark-math'), import('rehype-katex')]).then(([remarkMathModule, rehypeKatexModule]) => {
-      setMathPlugins({
-        remarkMath: remarkMathModule.default,
-        rehypeKatex: rehypeKatexModule.default
-      });
-    }).catch((error) => {
-      console.error("Failed to load math plugins:", error);
-    }).finally(() => {
-      setIsLoadingMath(false);
-    });
-  }, [hasMath, mathPlugins, isLoadingMath]);
-  const components = useMemo(() => {
-    return {
-      a: AnchorRenderer,
-      img: ImgRenderer,
-      code: CodeRenderer,
-      pre: PreRenderer,
-      h1: createHeadingRenderer("h1"),
-      h2: createHeadingRenderer("h2"),
-      h3: createHeadingRenderer("h3"),
-      h4: createHeadingRenderer("h4"),
-      h5: createHeadingRenderer("h5"),
-      h6: createHeadingRenderer("h6"),
-      li: createTaskListItemRenderer()
-    };
-  }, []);
-  const remarkPlugins = useMemo(() => {
-    const plugins = [remarkGfm];
-    if (hasMath && mathPlugins?.remarkMath) {
-      plugins.push(mathPlugins.remarkMath);
-    }
-    return plugins;
-  }, [hasMath, mathPlugins]);
-  const rehypePlugins = useMemo(() => {
-    const plugins = [rehypeRaw, rehypeHighlight];
-    if (hasMath && mathPlugins?.rehypeKatex) {
-      plugins.push(mathPlugins.rehypeKatex);
-    }
-    return plugins;
-  }, [hasMath, mathPlugins]);
-  return /* @__PURE__ */ jsx("div", { className: cn("milkdown-custom", className), children: /* @__PURE__ */ jsx("div", { className: "milkdown", children: /* @__PURE__ */ jsx("div", { className: "milkdown-content", children: /* @__PURE__ */ jsx(
-    ReactMarkdown,
-    {
-      remarkPlugins,
-      rehypePlugins,
-      components,
-      children: markdown
-    }
-  ) }) }) });
-}
 
 export { MarkdownContent };

package/dist/packages/better-stack/src/plugins/blog/client/components/shared/page-wrapper.cjs

@@ -3,7 +3,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const context = require('@btst/stack/context');
-const betterBlogAttribution = require('./better-blog-attribution.cjs');
+const betterStackAttribution = require('../../../../../../../ui/src/components/better-stack-attribution.cjs');
 const pageLayout = require('./page-layout.cjs');
 
 function PageWrapper({
@@ -16,7 +16,7 @@ function PageWrapper({
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(pageLayout.PageLayout, { className, "data-testid": testId, children }),
-    showAttribution && /* @__PURE__ */ jsxRuntime.jsx(betterBlogAttribution.BetterBlogAttribution, {})
+    showAttribution && /* @__PURE__ */ jsxRuntime.jsx(betterStackAttribution.BetterStackAttribution, {})
   ] });
 }
 

package/dist/packages/better-stack/src/plugins/blog/client/components/shared/page-wrapper.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { usePluginOverrides } from '@btst/stack/context';
-import { BetterBlogAttribution } from './better-blog-attribution.mjs';
+import { BetterStackAttribution } from '../../../../../../../ui/src/components/better-stack-attribution.mjs';
 import { PageLayout } from './page-layout.mjs';
 
 function PageWrapper({
@@ -14,7 +14,7 @@ function PageWrapper({
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(PageLayout, { className, "data-testid": testId, children }),
-    showAttribution && /* @__PURE__ */ jsx(BetterBlogAttribution, {})
+    showAttribution && /* @__PURE__ */ jsx(BetterStackAttribution, {})
   ] });
 }
 

package/dist/packages/ui/src/components/accordion.cjs

@@ -0,0 +1,67 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('../../../../node_modules/.pnpm/@radix-ui_react-accordion@1.2.12_@types_react-dom@19.2.3_@types_react@19.2.6__@types_re_947719a27ff11ec6f09710dd9e85efc5/node_modules/@radix-ui/react-accordion/dist/index.cjs');
+const lucideReact = require('lucide-react');
+const utils = require('../lib/utils.cjs');
+
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.Item,
+    {
+      "data-slot": "accordion-item",
+      className: utils.cn("border-b last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    index.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: utils.cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("pt-0 pb-4", className), children })
+    }
+  );
+}
+
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;

package/dist/packages/ui/src/components/accordion.mjs

@@ -0,0 +1,62 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Root as Root2, Item, Header, Trigger as Trigger2, Content as Content2 } from '../../../../node_modules/.pnpm/@radix-ui_react-accordion@1.2.12_@types_react-dom@19.2.3_@types_react@19.2.6__@types_re_947719a27ff11ec6f09710dd9e85efc5/node_modules/@radix-ui/react-accordion/dist/index.mjs';
+import { ChevronDownIcon } from 'lucide-react';
+import { cn } from '../lib/utils.mjs';
+
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Root2, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("border-b last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    Trigger2,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Content2,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
+    }
+  );
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/packages/ui/src/components/alert-dialog.cjs

@@ -2,7 +2,7 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const index = require('../../../../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');
+const index = require('../../../../node_modules/.pnpm/@radix-ui_react-alert-dialog@1.1.15_@types_react-dom@19.2.3_@types_react@19.2.6__@types_4f58c757aa677e233cf96d60fda2f1da/node_modules/@radix-ui/react-alert-dialog/dist/index.cjs');
 const utils = require('../lib/utils.cjs');
 const button = require('./button.cjs');
 

package/dist/packages/ui/src/components/alert-dialog.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Root as Root2, Trigger as Trigger2, Content as Content2, Title as Title2, Description as Description2, Cancel, Action, Portal as Portal2, Overlay as Overlay2 } from '../../../../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';
+import { Root as Root2, Content as Content2, Title as Title2, Description as Description2, Cancel, Action, Portal as Portal2, Overlay as Overlay2, Trigger as Trigger2 } from '../../../../node_modules/.pnpm/@radix-ui_react-alert-dialog@1.1.15_@types_react-dom@19.2.3_@types_react@19.2.6__@types_4f58c757aa677e233cf96d60fda2f1da/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs';
 import { cn } from '../lib/utils.mjs';
 import { buttonVariants } from './button.mjs';
 

package/dist/packages/{better-stack/src/plugins/blog/client/components/shared/better-blog-attribution.cjs → ui/src/components/better-stack-attribution.cjs}

@@ -2,7 +2,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 
-function BetterBlogAttribution() {
+function BetterStackAttribution() {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center justify-center gap-1 py-2 text-gray-500 text-sm", children: [
     "Powered by",
     " ",
@@ -12,7 +12,7 @@ function BetterBlogAttribution() {
         className: "flex items-center gap-1 font-semibold underline",
         href: "https://www.better-stack.ai",
         target: "_blank",
-        rel: "noreferrer noopener",
+        rel: "noopener",
         "aria-label": "Better Stack \u2014 Composable full-stack plugin system for React frameworks",
         title: "Better Stack \u2014 Composable full-stack plugin system for React frameworks",
         children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cursor-pointer", children: "Better-Stack" })
@@ -21,4 +21,4 @@ function BetterBlogAttribution() {
   ] }) });
 }
 
-exports.BetterBlogAttribution = BetterBlogAttribution;
+exports.BetterStackAttribution = BetterStackAttribution;

package/dist/packages/{better-stack/src/plugins/blog/client/components/shared/better-blog-attribution.mjs → ui/src/components/better-stack-attribution.mjs}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-function BetterBlogAttribution() {
+function BetterStackAttribution() {
   return /* @__PURE__ */ jsx("div", { className: "w-full text-center", children: /* @__PURE__ */ jsxs("p", { className: "flex items-center justify-center gap-1 py-2 text-gray-500 text-sm", children: [
     "Powered by",
     " ",
@@ -10,7 +10,7 @@ function BetterBlogAttribution() {
         className: "flex items-center gap-1 font-semibold underline",
         href: "https://www.better-stack.ai",
         target: "_blank",
-        rel: "noreferrer noopener",
+        rel: "noopener",
         "aria-label": "Better Stack \u2014 Composable full-stack plugin system for React frameworks",
         title: "Better Stack \u2014 Composable full-stack plugin system for React frameworks",
         children: /* @__PURE__ */ jsx("span", { className: "cursor-pointer", children: "Better-Stack" })
@@ -19,4 +19,4 @@ function BetterBlogAttribution() {
   ] }) });
 }
 
-export { BetterBlogAttribution };
+export { BetterStackAttribution };

package/dist/packages/ui/src/components/dialog.cjs

@@ -91,6 +91,19 @@ function DialogHeader({ className, ...props }) {
     }
   );
 }
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: utils.cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function DialogTitle({
   className,
   ...props
@@ -121,6 +134,7 @@ function DialogDescription({
 exports.Dialog = Dialog;
 exports.DialogContent = DialogContent;
 exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
 exports.DialogHeader = DialogHeader;
 exports.DialogOverlay = DialogOverlay;
 exports.DialogPortal = DialogPortal;

package/dist/packages/ui/src/components/dialog.mjs

@@ -75,6 +75,19 @@ function DialogHeader({ className, ...props }) {
     }
   );
 }
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function DialogTitle({
   className,
   ...props
@@ -102,4 +115,4 @@ function DialogDescription({
   );
 }
 
-export { Dialog, DialogContent, DialogDescription, DialogHeader, DialogOverlay, DialogPortal, DialogTitle };
+export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle };