@mastra/playground-ui 59.0.0 → 60.0.0-alpha.1

package/dist/ErrorBoundary-CTN7Nxd7.cjs

@@ -0,0 +1,183 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Button = require('./Button-BAMnPqos.cjs');
+const primitives_typography = require('./primitives/typography.cjs.js');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const INITIAL_STATE = { error: null, errorInfo: null };
+function keysChanged(prev, next) {
+  if (prev === next) return false;
+  if (!prev || !next) return true;
+  if (prev.length !== next.length) return true;
+  for (let i = 0; i < prev.length; i++) {
+    if (!Object.is(prev[i], next[i])) return true;
+  }
+  return false;
+}
+class ErrorBoundary extends React__namespace.Component {
+  state = INITIAL_STATE;
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({ errorInfo });
+    if (this.props.onError) {
+      try {
+        this.props.onError(error, errorInfo);
+      } catch (handlerError) {
+        if (typeof console !== "undefined") {
+          console.error("[ErrorBoundary] onError handler threw:", handlerError);
+        }
+      }
+    }
+    if (typeof console !== "undefined") {
+      console.error("[ErrorBoundary] Uncaught error:", error, errorInfo);
+    }
+  }
+  componentDidUpdate(prevProps) {
+    if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {
+      this.reset();
+    }
+  }
+  reset = () => {
+    this.setState(INITIAL_STATE);
+  };
+  render() {
+    const { error, errorInfo } = this.state;
+    const { children, fallback, title, description, variant, className } = this.props;
+    if (!error) return children;
+    if (typeof fallback === "function") {
+      return fallback({ error, errorInfo, reset: this.reset });
+    }
+    if (fallback !== void 0) return fallback;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      DefaultErrorFallback,
+      {
+        error,
+        errorInfo,
+        reset: this.reset,
+        title,
+        description,
+        variant: variant ?? "section",
+        className
+      }
+    );
+  }
+}
+function DefaultErrorFallback({
+  error,
+  errorInfo,
+  reset,
+  title,
+  description,
+  variant,
+  className
+}) {
+  const stack = errorInfo?.componentStack ?? error.stack ?? "";
+  const isInline = variant === "inline";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "alert",
+      className: utils_cn.cn(
+        "@container flex w-full items-center justify-center",
+        isInline ? "px-4 py-6" : "h-full min-h-60 flex-1 px-6 py-10",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: utils_cn.cn(
+            "flex flex-col items-center text-center",
+            isInline ? "max-w-md gap-3" : "max-w-2xl gap-4 @md:gap-5 @lg:gap-6"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: utils_cn.cn(
+                  "flex items-center justify-center rounded-full bg-accent2/10 text-accent2",
+                  isInline ? "size-10 [&>svg]:size-5" : "size-14 @md:size-16 @lg:size-20 [&>svg]:size-7 @md:[&>svg]:size-8 @lg:[&>svg]:size-10"
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, {})
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h3",
+              {
+                className: utils_cn.cn(
+                  "text-foreground",
+                  isInline ? "text-subheading" : "text-subheading @md:text-heading @lg:text-title"
+                ),
+                children: title ?? "Something went wrong"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils_cn.cn("text-muted-foreground", isInline ? "text-caption" : "text-body"), children: description ?? "An unexpected error occurred while rendering this part of the page." }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: utils_cn.cn(
+                  "rounded-md bg-card px-3 py-2 font-mono break-words text-muted-foreground",
+                  isInline ? "text-meta" : "text-caption"
+                ),
+                children: error.message
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex flex-wrap items-center justify-center gap-2", isInline ? "mt-1" : "mt-2"), children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, {}), variant: "primary", size: isInline ? "sm" : "lg", onClick: reset, children: "Try again" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button.Button,
+                {
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, {}),
+                  variant: "default",
+                  size: isInline ? "sm" : "lg",
+                  onClick: () => window.location.reload(),
+                  children: "Reload page"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button.Button,
+                {
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bug, {}),
+                  render: /* @__PURE__ */ jsxRuntime.jsx("a", { href: "https://github.com/mastra-ai/mastra/issues", target: "_blank", rel: "noopener noreferrer" }),
+                  variant: "default",
+                  size: isInline ? "sm" : "lg",
+                  children: "Report issue"
+                }
+              )
+            ] }),
+            stack ? /* @__PURE__ */ jsxRuntime.jsxs("details", { className: utils_cn.cn("w-full text-left", isInline ? "mt-1" : "mt-2"), children: [
+              /* @__PURE__ */ jsxRuntime.jsx("summary", { className: utils_cn.cn("cursor-pointer text-caption", primitives_typography.quietTextHover), children: "Show error details" }),
+              /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-card p-3 text-meta break-words whitespace-pre-wrap text-muted-foreground", children: stack })
+            ] }) : null
+          ]
+        }
+      )
+    }
+  );
+}
+
+exports.ErrorBoundary = ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary-CTN7Nxd7.cjs.map

package/dist/ErrorBoundary-CTN7Nxd7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary-CTN7Nxd7.cjs","sources":["../src/ds/components/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["import { AlertTriangle, Bug, RefreshCw, RotateCcw } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type ErrorBoundaryVariant = 'section' | 'inline';\n\nexport type ErrorBoundaryFallbackProps = {\n  error: Error;\n  errorInfo: React.ErrorInfo | null;\n  reset: () => void;\n};\n\nexport interface ErrorBoundaryProps {\n  children: React.ReactNode;\n  /** Custom fallback rendered when an error is caught. Receives the error and a reset callback. */\n  fallback?: React.ReactNode | ((props: ErrorBoundaryFallbackProps) => React.ReactNode);\n  /** Called when an error is caught. Useful for reporting to an error tracker. */\n  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n  /**\n   * When any value in this array changes between renders, the boundary resets.\n   * Useful for clearing an error on route change: `resetKeys={[pathname]}`.\n   */\n  resetKeys?: ReadonlyArray<unknown>;\n  /** Heading shown in the default fallback. */\n  title?: string;\n  /** Description shown in the default fallback. */\n  description?: string;\n  /**\n   * Controls the default fallback's footprint:\n   * - `'section'` (default): fills available height and centers content — use when the boundary wraps a page or region.\n   * - `'inline'`: stays compact — use when scoping to a single widget so the rest of the UI is untouched.\n   */\n  variant?: ErrorBoundaryVariant;\n  /** Additional classes applied to the default fallback's outer wrapper. */\n  className?: string;\n}\n\ntype ErrorBoundaryState = {\n  error: Error | null;\n  errorInfo: React.ErrorInfo | null;\n};\n\nconst INITIAL_STATE: ErrorBoundaryState = { error: null, errorInfo: null };\n\nfunction keysChanged(prev: ReadonlyArray<unknown> | undefined, next: ReadonlyArray<unknown> | undefined): boolean {\n  if (prev === next) return false;\n  if (!prev || !next) return true;\n  if (prev.length !== next.length) return true;\n  for (let i = 0; i < prev.length; i++) {\n    if (!Object.is(prev[i], next[i])) return true;\n  }\n  return false;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  state: ErrorBoundaryState = INITIAL_STATE;\n\n  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n    return { error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    this.setState({ errorInfo });\n    if (this.props.onError) {\n      try {\n        this.props.onError(error, errorInfo);\n      } catch (handlerError) {\n        if (typeof console !== 'undefined') {\n          console.error('[ErrorBoundary] onError handler threw:', handlerError);\n        }\n      }\n    }\n    if (typeof console !== 'undefined') {\n      console.error('[ErrorBoundary] Uncaught error:', error, errorInfo);\n    }\n  }\n\n  componentDidUpdate(prevProps: ErrorBoundaryProps) {\n    if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {\n      this.reset();\n    }\n  }\n\n  reset = () => {\n    this.setState(INITIAL_STATE);\n  };\n\n  render() {\n    const { error, errorInfo } = this.state;\n    const { children, fallback, title, description, variant, className } = this.props;\n\n    if (!error) return children;\n\n    if (typeof fallback === 'function') {\n      return fallback({ error, errorInfo, reset: this.reset });\n    }\n\n    if (fallback !== undefined) return fallback;\n\n    return (\n      <DefaultErrorFallback\n        error={error}\n        errorInfo={errorInfo}\n        reset={this.reset}\n        title={title}\n        description={description}\n        variant={variant ?? 'section'}\n        className={className}\n      />\n    );\n  }\n}\n\ntype DefaultErrorFallbackProps = ErrorBoundaryFallbackProps & {\n  title?: string;\n  description?: string;\n  variant: ErrorBoundaryVariant;\n  className?: string;\n};\n\nfunction DefaultErrorFallback({\n  error,\n  errorInfo,\n  reset,\n  title,\n  description,\n  variant,\n  className,\n}: DefaultErrorFallbackProps) {\n  const stack = errorInfo?.componentStack ?? error.stack ?? '';\n  const isInline = variant === 'inline';\n\n  return (\n    <div\n      role=\"alert\"\n      className={cn(\n        '@container flex w-full items-center justify-center',\n        isInline ? 'px-4 py-6' : 'h-full min-h-60 flex-1 px-6 py-10',\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          'flex flex-col items-center text-center',\n          isInline ? 'max-w-md gap-3' : 'max-w-2xl gap-4 @md:gap-5 @lg:gap-6',\n        )}\n      >\n        <div\n          className={cn(\n            'flex items-center justify-center rounded-full bg-accent2/10 text-accent2',\n            isInline\n              ? 'size-10 [&>svg]:size-5'\n              : 'size-14 @md:size-16 @lg:size-20 [&>svg]:size-7 @md:[&>svg]:size-8 @lg:[&>svg]:size-10',\n          )}\n        >\n          <AlertTriangle />\n        </div>\n        <h3\n          className={cn(\n            'text-foreground',\n            isInline ? 'text-subheading' : 'text-subheading @md:text-heading @lg:text-title',\n          )}\n        >\n          {title ?? 'Something went wrong'}\n        </h3>\n        <p className={cn('text-muted-foreground', isInline ? 'text-caption' : 'text-body')}>\n          {description ?? 'An unexpected error occurred while rendering this part of the page.'}\n        </p>\n        <p\n          className={cn(\n            'rounded-md bg-card px-3 py-2 font-mono break-words text-muted-foreground',\n            isInline ? 'text-meta' : 'text-caption',\n          )}\n        >\n          {error.message}\n        </p>\n        <div className={cn('flex flex-wrap items-center justify-center gap-2', isInline ? 'mt-1' : 'mt-2')}>\n          <Button icon={<RotateCcw />} variant=\"primary\" size={isInline ? 'sm' : 'lg'} onClick={reset}>\n            Try again\n          </Button>\n          <Button\n            icon={<RefreshCw />}\n            variant=\"default\"\n            size={isInline ? 'sm' : 'lg'}\n            onClick={() => window.location.reload()}\n          >\n            Reload page\n          </Button>\n          <Button\n            icon={<Bug />}\n            render={<a href=\"https://github.com/mastra-ai/mastra/issues\" target=\"_blank\" rel=\"noopener noreferrer\" />}\n            variant=\"default\"\n            size={isInline ? 'sm' : 'lg'}\n          >\n            Report issue\n          </Button>\n        </div>\n        {stack ? (\n          <details className={cn('w-full text-left', isInline ? 'mt-1' : 'mt-2')}>\n            <summary className={cn('cursor-pointer text-caption', quietTextHover)}>Show error details</summary>\n            <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-card p-3 text-meta break-words whitespace-pre-wrap text-muted-foreground\">\n              {stack}\n            </pre>\n          </details>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":["React","jsx","cn","jsxs","AlertTriangle","Button","RotateCcw","RefreshCw","Bug","quietTextHover"],"mappings":"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"}

package/dist/ErrorBoundary-CiKNMCFG.js

@@ -0,0 +1,162 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AlertTriangle, RotateCcw, RefreshCw, Bug } from 'lucide-react';
+import * as React from 'react';
+import { B as Button } from './Button-B8nF87ai.js';
+import { quietTextHover } from './primitives/typography.es.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const INITIAL_STATE = { error: null, errorInfo: null };
+function keysChanged(prev, next) {
+  if (prev === next) return false;
+  if (!prev || !next) return true;
+  if (prev.length !== next.length) return true;
+  for (let i = 0; i < prev.length; i++) {
+    if (!Object.is(prev[i], next[i])) return true;
+  }
+  return false;
+}
+class ErrorBoundary extends React.Component {
+  state = INITIAL_STATE;
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({ errorInfo });
+    if (this.props.onError) {
+      try {
+        this.props.onError(error, errorInfo);
+      } catch (handlerError) {
+        if (typeof console !== "undefined") {
+          console.error("[ErrorBoundary] onError handler threw:", handlerError);
+        }
+      }
+    }
+    if (typeof console !== "undefined") {
+      console.error("[ErrorBoundary] Uncaught error:", error, errorInfo);
+    }
+  }
+  componentDidUpdate(prevProps) {
+    if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {
+      this.reset();
+    }
+  }
+  reset = () => {
+    this.setState(INITIAL_STATE);
+  };
+  render() {
+    const { error, errorInfo } = this.state;
+    const { children, fallback, title, description, variant, className } = this.props;
+    if (!error) return children;
+    if (typeof fallback === "function") {
+      return fallback({ error, errorInfo, reset: this.reset });
+    }
+    if (fallback !== void 0) return fallback;
+    return /* @__PURE__ */ jsx(
+      DefaultErrorFallback,
+      {
+        error,
+        errorInfo,
+        reset: this.reset,
+        title,
+        description,
+        variant: variant ?? "section",
+        className
+      }
+    );
+  }
+}
+function DefaultErrorFallback({
+  error,
+  errorInfo,
+  reset,
+  title,
+  description,
+  variant,
+  className
+}) {
+  const stack = errorInfo?.componentStack ?? error.stack ?? "";
+  const isInline = variant === "inline";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "alert",
+      className: cn(
+        "@container flex w-full items-center justify-center",
+        isInline ? "px-4 py-6" : "h-full min-h-60 flex-1 px-6 py-10",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex flex-col items-center text-center",
+            isInline ? "max-w-md gap-3" : "max-w-2xl gap-4 @md:gap-5 @lg:gap-6"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex items-center justify-center rounded-full bg-accent2/10 text-accent2",
+                  isInline ? "size-10 [&>svg]:size-5" : "size-14 @md:size-16 @lg:size-20 [&>svg]:size-7 @md:[&>svg]:size-8 @lg:[&>svg]:size-10"
+                ),
+                children: /* @__PURE__ */ jsx(AlertTriangle, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "h3",
+              {
+                className: cn(
+                  "text-foreground",
+                  isInline ? "text-subheading" : "text-subheading @md:text-heading @lg:text-title"
+                ),
+                children: title ?? "Something went wrong"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", isInline ? "text-caption" : "text-body"), children: description ?? "An unexpected error occurred while rendering this part of the page." }),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: cn(
+                  "rounded-md bg-card px-3 py-2 font-mono break-words text-muted-foreground",
+                  isInline ? "text-meta" : "text-caption"
+                ),
+                children: error.message
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center justify-center gap-2", isInline ? "mt-1" : "mt-2"), children: [
+              /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(RotateCcw, {}), variant: "primary", size: isInline ? "sm" : "lg", onClick: reset, children: "Try again" }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  icon: /* @__PURE__ */ jsx(RefreshCw, {}),
+                  variant: "default",
+                  size: isInline ? "sm" : "lg",
+                  onClick: () => window.location.reload(),
+                  children: "Reload page"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  icon: /* @__PURE__ */ jsx(Bug, {}),
+                  render: /* @__PURE__ */ jsx("a", { href: "https://github.com/mastra-ai/mastra/issues", target: "_blank", rel: "noopener noreferrer" }),
+                  variant: "default",
+                  size: isInline ? "sm" : "lg",
+                  children: "Report issue"
+                }
+              )
+            ] }),
+            stack ? /* @__PURE__ */ jsxs("details", { className: cn("w-full text-left", isInline ? "mt-1" : "mt-2"), children: [
+              /* @__PURE__ */ jsx("summary", { className: cn("cursor-pointer text-caption", quietTextHover), children: "Show error details" }),
+              /* @__PURE__ */ jsx("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-card p-3 text-meta break-words whitespace-pre-wrap text-muted-foreground", children: stack })
+            ] }) : null
+          ]
+        }
+      )
+    }
+  );
+}
+
+export { ErrorBoundary as E };
+//# sourceMappingURL=ErrorBoundary-CiKNMCFG.js.map

package/dist/ErrorBoundary-CiKNMCFG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary-CiKNMCFG.js","sources":["../src/ds/components/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["import { AlertTriangle, Bug, RefreshCw, RotateCcw } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type ErrorBoundaryVariant = 'section' | 'inline';\n\nexport type ErrorBoundaryFallbackProps = {\n  error: Error;\n  errorInfo: React.ErrorInfo | null;\n  reset: () => void;\n};\n\nexport interface ErrorBoundaryProps {\n  children: React.ReactNode;\n  /** Custom fallback rendered when an error is caught. Receives the error and a reset callback. */\n  fallback?: React.ReactNode | ((props: ErrorBoundaryFallbackProps) => React.ReactNode);\n  /** Called when an error is caught. Useful for reporting to an error tracker. */\n  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n  /**\n   * When any value in this array changes between renders, the boundary resets.\n   * Useful for clearing an error on route change: `resetKeys={[pathname]}`.\n   */\n  resetKeys?: ReadonlyArray<unknown>;\n  /** Heading shown in the default fallback. */\n  title?: string;\n  /** Description shown in the default fallback. */\n  description?: string;\n  /**\n   * Controls the default fallback's footprint:\n   * - `'section'` (default): fills available height and centers content — use when the boundary wraps a page or region.\n   * - `'inline'`: stays compact — use when scoping to a single widget so the rest of the UI is untouched.\n   */\n  variant?: ErrorBoundaryVariant;\n  /** Additional classes applied to the default fallback's outer wrapper. */\n  className?: string;\n}\n\ntype ErrorBoundaryState = {\n  error: Error | null;\n  errorInfo: React.ErrorInfo | null;\n};\n\nconst INITIAL_STATE: ErrorBoundaryState = { error: null, errorInfo: null };\n\nfunction keysChanged(prev: ReadonlyArray<unknown> | undefined, next: ReadonlyArray<unknown> | undefined): boolean {\n  if (prev === next) return false;\n  if (!prev || !next) return true;\n  if (prev.length !== next.length) return true;\n  for (let i = 0; i < prev.length; i++) {\n    if (!Object.is(prev[i], next[i])) return true;\n  }\n  return false;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  state: ErrorBoundaryState = INITIAL_STATE;\n\n  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n    return { error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    this.setState({ errorInfo });\n    if (this.props.onError) {\n      try {\n        this.props.onError(error, errorInfo);\n      } catch (handlerError) {\n        if (typeof console !== 'undefined') {\n          console.error('[ErrorBoundary] onError handler threw:', handlerError);\n        }\n      }\n    }\n    if (typeof console !== 'undefined') {\n      console.error('[ErrorBoundary] Uncaught error:', error, errorInfo);\n    }\n  }\n\n  componentDidUpdate(prevProps: ErrorBoundaryProps) {\n    if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {\n      this.reset();\n    }\n  }\n\n  reset = () => {\n    this.setState(INITIAL_STATE);\n  };\n\n  render() {\n    const { error, errorInfo } = this.state;\n    const { children, fallback, title, description, variant, className } = this.props;\n\n    if (!error) return children;\n\n    if (typeof fallback === 'function') {\n      return fallback({ error, errorInfo, reset: this.reset });\n    }\n\n    if (fallback !== undefined) return fallback;\n\n    return (\n      <DefaultErrorFallback\n        error={error}\n        errorInfo={errorInfo}\n        reset={this.reset}\n        title={title}\n        description={description}\n        variant={variant ?? 'section'}\n        className={className}\n      />\n    );\n  }\n}\n\ntype DefaultErrorFallbackProps = ErrorBoundaryFallbackProps & {\n  title?: string;\n  description?: string;\n  variant: ErrorBoundaryVariant;\n  className?: string;\n};\n\nfunction DefaultErrorFallback({\n  error,\n  errorInfo,\n  reset,\n  title,\n  description,\n  variant,\n  className,\n}: DefaultErrorFallbackProps) {\n  const stack = errorInfo?.componentStack ?? error.stack ?? '';\n  const isInline = variant === 'inline';\n\n  return (\n    <div\n      role=\"alert\"\n      className={cn(\n        '@container flex w-full items-center justify-center',\n        isInline ? 'px-4 py-6' : 'h-full min-h-60 flex-1 px-6 py-10',\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          'flex flex-col items-center text-center',\n          isInline ? 'max-w-md gap-3' : 'max-w-2xl gap-4 @md:gap-5 @lg:gap-6',\n        )}\n      >\n        <div\n          className={cn(\n            'flex items-center justify-center rounded-full bg-accent2/10 text-accent2',\n            isInline\n              ? 'size-10 [&>svg]:size-5'\n              : 'size-14 @md:size-16 @lg:size-20 [&>svg]:size-7 @md:[&>svg]:size-8 @lg:[&>svg]:size-10',\n          )}\n        >\n          <AlertTriangle />\n        </div>\n        <h3\n          className={cn(\n            'text-foreground',\n            isInline ? 'text-subheading' : 'text-subheading @md:text-heading @lg:text-title',\n          )}\n        >\n          {title ?? 'Something went wrong'}\n        </h3>\n        <p className={cn('text-muted-foreground', isInline ? 'text-caption' : 'text-body')}>\n          {description ?? 'An unexpected error occurred while rendering this part of the page.'}\n        </p>\n        <p\n          className={cn(\n            'rounded-md bg-card px-3 py-2 font-mono break-words text-muted-foreground',\n            isInline ? 'text-meta' : 'text-caption',\n          )}\n        >\n          {error.message}\n        </p>\n        <div className={cn('flex flex-wrap items-center justify-center gap-2', isInline ? 'mt-1' : 'mt-2')}>\n          <Button icon={<RotateCcw />} variant=\"primary\" size={isInline ? 'sm' : 'lg'} onClick={reset}>\n            Try again\n          </Button>\n          <Button\n            icon={<RefreshCw />}\n            variant=\"default\"\n            size={isInline ? 'sm' : 'lg'}\n            onClick={() => window.location.reload()}\n          >\n            Reload page\n          </Button>\n          <Button\n            icon={<Bug />}\n            render={<a href=\"https://github.com/mastra-ai/mastra/issues\" target=\"_blank\" rel=\"noopener noreferrer\" />}\n            variant=\"default\"\n            size={isInline ? 'sm' : 'lg'}\n          >\n            Report issue\n          </Button>\n        </div>\n        {stack ? (\n          <details className={cn('w-full text-left', isInline ? 'mt-1' : 'mt-2')}>\n            <summary className={cn('cursor-pointer text-caption', quietTextHover)}>Show error details</summary>\n            <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-card p-3 text-meta break-words whitespace-pre-wrap text-muted-foreground\">\n              {stack}\n            </pre>\n          </details>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/alert-dialog-C21QCl3B.js

@@ -0,0 +1,107 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
+import * as React from 'react';
+import { b as buttonVariants } from './Button-B8nF87ai.js';
+import { dialogSurfaceStyle } from './primitives/raised-surface.es.js';
+import { a as asChildRenderProps } from './dialog-BpW3qHc1.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const AlertDialogRoot = AlertDialog$1.Root;
+function AlertDialog({
+  open,
+  onOpenChange,
+  children
+}) {
+  return /* @__PURE__ */ jsx(AlertDialogRoot, { open, onOpenChange, children });
+}
+const AlertDialogTrigger = React.forwardRef(
+  ({ asChild, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, { ref, ...asChildRenderProps(asChild, children), ...props, children: asChild ? void 0 : children });
+  }
+);
+AlertDialogTrigger.displayName = "AlertDialogTrigger";
+const AlertDialogPortal = AlertDialog$1.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialog$1.Backdrop,
+  {
+    ref,
+    className: cn("dialog-overlay-anim fixed inset-0 z-50 bg-scrim backdrop-blur-xs", className),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx(
+    AlertDialog$1.Popup,
+    {
+      ref,
+      "data-slot": "alert-dialog-content",
+      className: cn(
+        "dialog-content-anim",
+        "fixed top-[50%] left-[50%] z-50 grid translate-[-50%]",
+        "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
+        "rounded-xl backdrop-blur-md",
+        dialogSurfaceStyle,
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = "AlertDialogContent";
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-0.5 px-3 py-2.5 text-left", className), ...props });
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse gap-1.5 px-3 py-2 sm:flex-row sm:justify-end", className), ...props });
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("max-h-[50vh] overflow-y-auto p-3", className), ...props });
+AlertDialogBody.displayName = "AlertDialogBody";
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog$1.Title, { ref, className: cn("text-subheading", className), ...props }));
+AlertDialogTitle.displayName = "AlertDialogTitle";
+const AlertDialogDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    AlertDialog$1.Description,
+    {
+      ref,
+      className: cn("text-caption text-muted-foreground", className),
+      ...props
+    }
+  )
+);
+AlertDialogDescription.displayName = "AlertDialogDescription";
+const AlertDialogAction = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    AlertDialog$1.Close,
+    {
+      ref,
+      className: cn(buttonVariants({ variant: "primary", size: "lg" }), className),
+      ...props
+    }
+  )
+);
+AlertDialogAction.displayName = "AlertDialogAction";
+const AlertDialogCancel = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    AlertDialog$1.Close,
+    {
+      ref,
+      className: cn(buttonVariants({ variant: "default", size: "lg" }), className),
+      ...props
+    }
+  )
+);
+AlertDialogCancel.displayName = "AlertDialogCancel";
+AlertDialog.Trigger = AlertDialogTrigger;
+AlertDialog.Portal = AlertDialogPortal;
+AlertDialog.Overlay = AlertDialogOverlay;
+AlertDialog.Content = AlertDialogContent;
+AlertDialog.Header = AlertDialogHeader;
+AlertDialog.Footer = AlertDialogFooter;
+AlertDialog.Body = AlertDialogBody;
+AlertDialog.Title = AlertDialogTitle;
+AlertDialog.Description = AlertDialogDescription;
+AlertDialog.Action = AlertDialogAction;
+AlertDialog.Cancel = AlertDialogCancel;
+
+export { AlertDialog as A };
+//# sourceMappingURL=alert-dialog-C21QCl3B.js.map

package/dist/alert-dialog-C21QCl3B.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-C21QCl3B.js","sources":["../src/ds/components/AlertDialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\n\nimport { buttonVariants } from '@/ds/components/Button/Button';\nimport { dialogSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport '@/ds/components/Dialog/dialog.css';\n\nconst AlertDialogRoot = AlertDialogPrimitive.Root;\n\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactNode;\n}) {\n  return (\n    <AlertDialogRoot open={open} onOpenChange={onOpenChange}>\n      {children}\n    </AlertDialogRoot>\n  );\n}\n\ntype AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <AlertDialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </AlertDialogPrimitive.Trigger>\n    );\n  },\n);\nAlertDialogTrigger.displayName = 'AlertDialogTrigger';\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\ntype AlertDialogOverlayProps = Omit<AlertDialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogOverlay = React.forwardRef<HTMLDivElement, AlertDialogOverlayProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Backdrop\n    ref={ref}\n    className={cn('dialog-overlay-anim fixed inset-0 z-50 bg-scrim backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nAlertDialogOverlay.displayName = 'AlertDialogOverlay';\n\ntype AlertDialogContentProps = Omit<AlertDialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogContent = React.forwardRef<HTMLDivElement, AlertDialogContentProps>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Popup\n      ref={ref}\n      data-slot=\"alert-dialog-content\"\n      className={cn(\n        'dialog-content-anim',\n        'fixed top-[50%] left-[50%] z-50 grid translate-[-50%]',\n        'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n        'rounded-xl backdrop-blur-md',\n        dialogSurfaceStyle,\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-0.5 px-3 py-2.5 text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-1.5 px-3 py-2 sm:flex-row sm:justify-end', className)} {...props} />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('max-h-[50vh] overflow-y-auto p-3', className)} {...props} />\n);\nAlertDialogBody.displayName = 'AlertDialogBody';\n\ntype AlertDialogTitleProps = Omit<AlertDialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogTitle = React.forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title ref={ref} className={cn('text-subheading', className)} {...props} />\n));\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\ntype AlertDialogDescriptionProps = Omit<AlertDialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogDescription = React.forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Description\n      ref={ref}\n      className={cn('text-caption text-muted-foreground', className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\ntype AlertDialogActionProps = Omit<AlertDialogPrimitive.Close.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogAction = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'primary', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogAction.displayName = 'AlertDialogAction';\n\nconst AlertDialogCancel = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'default', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogCancel.displayName = 'AlertDialogCancel';\n\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Body = AlertDialogBody;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Cancel = AlertDialogCancel;\n\nexport { AlertDialog };\n"],"names":["AlertDialogPrimitive"],"mappings":";;;;;;;;AAUA,MAAM,kBAAkBA,aAAA,CAAqB,IAAA;AAE7C,SAAS,WAAA,CAAY;AAAA,EACnB,IAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAY,YAAA,EAC1B,QAAA,EACH,CAAA;AAEJ;AAOA,MAAM,qBAAqB,KAAA,CAAM,UAAA;AAAA,EAC/B,CAAC,EAAE,OAAA,EAAS,UAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AACxC,IAAA,uBACE,GAAA,CAACA,aAAA,CAAqB,OAAA,EAArB,EAA6B,KAAW,GAAG,kBAAA,CAAmB,OAAA,EAAS,QAAQ,CAAA,EAAI,GAAG,KAAA,EACpF,QAAA,EAAA,OAAA,GAAU,SAAY,QAAA,EACzB,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAEjC,MAAM,oBAAoBA,aAAA,CAAqB,MAAA;AAM/C,MAAM,kBAAA,GAAqB,MAAM,UAAA,CAAoD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7G,GAAA;AAAA,EAACA,aAAA,CAAqB,QAAA;AAAA,EAArB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,kEAAA,EAAoE,SAAS,CAAA;AAAA,IAC1F,GAAG;AAAA;AACN,CACD,CAAA;AACD,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAMjC,MAAM,kBAAA,GAAqB,KAAA,CAAM,UAAA,CAAoD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7G,IAAA,CAAC,iBAAA,EAAA,EACC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,CAAA;AAAA,kBACpB,GAAA;AAAA,IAACA,aAAA,CAAqB,KAAA;AAAA,IAArB;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,sBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,qBAAA;AAAA,QACA,uDAAA;AAAA,QACA,4CAAA;AAAA,QACA,6BAAA;AAAA,QACA,kBAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AACN,CAAA,EACF,CACD,CAAA;AACD,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAEjC,MAAM,iBAAA,GAAoB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBAC/C,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,6CAAA,EAA+C,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAE3F,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,MAAM,iBAAA,GAAoB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBAC/C,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,oEAAA,EAAsE,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAElH,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,MAAM,eAAA,GAAkB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBAC7C,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,kCAAA,EAAoC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAEhF,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAM9B,MAAM,gBAAA,GAAmB,MAAM,UAAA,CAAsD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7G,GAAA,CAACA,cAAqB,KAAA,EAArB,EAA2B,KAAU,SAAA,EAAW,EAAA,CAAG,mBAAmB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAC/F,CAAA;AACD,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAM/B,MAAM,yBAAyB,KAAA,CAAM,UAAA;AAAA,EACnC,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAACA,aAAA,CAAqB,WAAA;AAAA,IAArB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA;AAAA,MAC5D,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,sBAAA,CAAuB,WAAA,GAAc,wBAAA;AAMrC,MAAM,oBAAoB,KAAA,CAAM,UAAA;AAAA,EAC9B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAACA,aAAA,CAAqB,KAAA;AAAA,IAArB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,EAAE,OAAA,EAAS,WAAW,IAAA,EAAM,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA;AAAA,MAC1E,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,MAAM,oBAAoB,KAAA,CAAM,UAAA;AAAA,EAC9B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAACA,aAAA,CAAqB,KAAA;AAAA,IAArB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,EAAE,OAAA,EAAS,WAAW,IAAA,EAAM,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA;AAAA,MAC1E,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,WAAA,CAAY,OAAA,GAAU,kBAAA;AACtB,WAAA,CAAY,MAAA,GAAS,iBAAA;AACrB,WAAA,CAAY,OAAA,GAAU,kBAAA;AACtB,WAAA,CAAY,OAAA,GAAU,kBAAA;AACtB,WAAA,CAAY,MAAA,GAAS,iBAAA;AACrB,WAAA,CAAY,MAAA,GAAS,iBAAA;AACrB,WAAA,CAAY,IAAA,GAAO,eAAA;AACnB,WAAA,CAAY,KAAA,GAAQ,gBAAA;AACpB,WAAA,CAAY,WAAA,GAAc,sBAAA;AAC1B,WAAA,CAAY,MAAA,GAAS,iBAAA;AACrB,WAAA,CAAY,MAAA,GAAS,iBAAA;;;;"}

package/dist/alert-dialog-Ohr1b6-O.cjs

@@ -0,0 +1,128 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const alertDialog = require('@base-ui/react/alert-dialog');
+const React = require('react');
+const Button = require('./Button-BAMnPqos.cjs');
+const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
+const dialog = require('./dialog-75R05iBY.cjs');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const AlertDialogRoot = alertDialog.AlertDialog.Root;
+function AlertDialog({
+  open,
+  onOpenChange,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogRoot, { open, onOpenChange, children });
+}
+const AlertDialogTrigger = React__namespace.forwardRef(
+  ({ asChild, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Trigger, { ref, ...dialog.asChildRenderProps(asChild, children), ...props, children: asChild ? void 0 : children });
+  }
+);
+AlertDialogTrigger.displayName = "AlertDialogTrigger";
+const AlertDialogPortal = alertDialog.AlertDialog.Portal;
+const AlertDialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  alertDialog.AlertDialog.Backdrop,
+  {
+    ref,
+    className: utils_cn.cn("dialog-overlay-anim fixed inset-0 z-50 bg-scrim backdrop-blur-xs", className),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+const AlertDialogContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    alertDialog.AlertDialog.Popup,
+    {
+      ref,
+      "data-slot": "alert-dialog-content",
+      className: utils_cn.cn(
+        "dialog-content-anim",
+        "fixed top-[50%] left-[50%] z-50 grid translate-[-50%]",
+        "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
+        "rounded-xl backdrop-blur-md",
+        primitives_raisedSurface.dialogSurfaceStyle,
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = "AlertDialogContent";
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-col gap-0.5 px-3 py-2.5 text-left", className), ...props });
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-col-reverse gap-1.5 px-3 py-2 sm:flex-row sm:justify-end", className), ...props });
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogBody = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("max-h-[50vh] overflow-y-auto p-3", className), ...props });
+AlertDialogBody.displayName = "AlertDialogBody";
+const AlertDialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Title, { ref, className: utils_cn.cn("text-subheading", className), ...props }));
+AlertDialogTitle.displayName = "AlertDialogTitle";
+const AlertDialogDescription = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    alertDialog.AlertDialog.Description,
+    {
+      ref,
+      className: utils_cn.cn("text-caption text-muted-foreground", className),
+      ...props
+    }
+  )
+);
+AlertDialogDescription.displayName = "AlertDialogDescription";
+const AlertDialogAction = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    alertDialog.AlertDialog.Close,
+    {
+      ref,
+      className: utils_cn.cn(Button.buttonVariants({ variant: "primary", size: "lg" }), className),
+      ...props
+    }
+  )
+);
+AlertDialogAction.displayName = "AlertDialogAction";
+const AlertDialogCancel = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    alertDialog.AlertDialog.Close,
+    {
+      ref,
+      className: utils_cn.cn(Button.buttonVariants({ variant: "default", size: "lg" }), className),
+      ...props
+    }
+  )
+);
+AlertDialogCancel.displayName = "AlertDialogCancel";
+AlertDialog.Trigger = AlertDialogTrigger;
+AlertDialog.Portal = AlertDialogPortal;
+AlertDialog.Overlay = AlertDialogOverlay;
+AlertDialog.Content = AlertDialogContent;
+AlertDialog.Header = AlertDialogHeader;
+AlertDialog.Footer = AlertDialogFooter;
+AlertDialog.Body = AlertDialogBody;
+AlertDialog.Title = AlertDialogTitle;
+AlertDialog.Description = AlertDialogDescription;
+AlertDialog.Action = AlertDialogAction;
+AlertDialog.Cancel = AlertDialogCancel;
+
+exports.AlertDialog = AlertDialog;
+//# sourceMappingURL=alert-dialog-Ohr1b6-O.cjs.map