@mastra/playground-ui 63.1.0-alpha.4 → 64.0.0-alpha.6

package/dist/ErrorBoundary-CpUob9SO.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-DH1aTzbs.cjs');
+const primitives_typography = require('./primitives/typography.cjs.js');
+const utils_cn = require('./cn-DlOJCxrS.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-destructive-subtle text-destructive-subtle-foreground",
+                  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-CpUob9SO.cjs.map

package/dist/ErrorBoundary-CpUob9SO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary-CpUob9SO.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-destructive-subtle text-destructive-subtle-foreground',\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-DQPzT6am.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-EGoajBQY.js';
+import { quietTextHover } from './primitives/typography.es.js';
+import { c as cn } from './cn-CQUhN5Jx.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-destructive-subtle text-destructive-subtle-foreground",
+                  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-DQPzT6am.js.map

package/dist/ErrorBoundary-DQPzT6am.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary-DQPzT6am.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-destructive-subtle text-destructive-subtle-foreground',\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/Header-BuYxu_sl.js

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { T as Txt } from './Txt-BtIGLRk1.js';
+import { c as cn } from './cn-CQUhN5Jx.js';
+
+const Header = ({ children, border = true, className }) => {
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      className: cn(
+        "z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2",
+        {
+          // Layout headers share the same edge color as their surrounding surface.
+          "border-b border-surface-rim": border
+        },
+        className
+      ),
+      children
+    }
+  );
+};
+const HeaderTitle = ({ children }) => {
+  return /* @__PURE__ */ jsx(Txt, { as: "h1", variant: "body", tone: "ink", className: "flex items-center gap-2", children });
+};
+const HeaderAction = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-3", children });
+};
+const HeaderGroup = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children });
+};
+
+export { Header as H, HeaderAction as a, HeaderGroup as b, HeaderTitle as c };
+//# sourceMappingURL=Header-BuYxu_sl.js.map

package/dist/Header-BuYxu_sl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header-BuYxu_sl.js","sources":["../src/ds/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Txt } from '../Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface HeaderProps {\n  children?: React.ReactNode;\n  border?: boolean;\n  className?: string;\n}\n\nexport const Header = ({ children, border = true, className }: HeaderProps) => {\n  return (\n    <header\n      className={cn(\n        'z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2',\n        {\n          // Layout headers share the same edge color as their surrounding surface.\n          'border-b border-surface-rim': border,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  );\n};\n\nexport const HeaderTitle = ({ children }: HeaderProps) => {\n  return (\n    <Txt as=\"h1\" variant=\"body\" tone=\"ink\" className=\"flex items-center gap-2\">\n      {children}\n    </Txt>\n  );\n};\n\nexport const HeaderAction = ({ children }: HeaderProps) => {\n  return <div className=\"ml-auto flex items-center gap-3\">{children}</div>;\n};\n\nexport const HeaderGroup = ({ children }: HeaderProps) => {\n  return <div className=\"flex items-center gap-2\">{children}</div>;\n};\n"],"names":[],"mappings":";;;;AAWO,MAAM,SAAS,CAAC,EAAE,UAAU,MAAA,GAAS,IAAA,EAAM,WAAU,KAAmB;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,0EAAA;AAAA,QACA;AAAA;AAAA,UAEE,6BAAA,EAA+B;AAAA,SACjC;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,QAAO,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,yBAAA,EAC9C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAS,KAAmB;AACzD,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAS,CAAA;AACpE;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS,CAAA;AAC5D;;;;"}

package/dist/Header-C3uFM7_w.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const Txt = require('./Txt-CIS2G5Jx.cjs');
+const utils_cn = require('./cn-DlOJCxrS.cjs');
+
+const Header = ({ children, border = true, className }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "header",
+    {
+      className: utils_cn.cn(
+        "z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2",
+        {
+          // Layout headers share the same edge color as their surrounding surface.
+          "border-b border-surface-rim": border
+        },
+        className
+      ),
+      children
+    }
+  );
+};
+const HeaderTitle = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h1", variant: "body", tone: "ink", className: "flex items-center gap-2", children });
+};
+const HeaderAction = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex items-center gap-3", children });
+};
+const HeaderGroup = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children });
+};
+
+exports.Header = Header;
+exports.HeaderAction = HeaderAction;
+exports.HeaderGroup = HeaderGroup;
+exports.HeaderTitle = HeaderTitle;
+//# sourceMappingURL=Header-C3uFM7_w.cjs.map

package/dist/Header-C3uFM7_w.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header-C3uFM7_w.cjs","sources":["../src/ds/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Txt } from '../Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface HeaderProps {\n  children?: React.ReactNode;\n  border?: boolean;\n  className?: string;\n}\n\nexport const Header = ({ children, border = true, className }: HeaderProps) => {\n  return (\n    <header\n      className={cn(\n        'z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2',\n        {\n          // Layout headers share the same edge color as their surrounding surface.\n          'border-b border-surface-rim': border,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  );\n};\n\nexport const HeaderTitle = ({ children }: HeaderProps) => {\n  return (\n    <Txt as=\"h1\" variant=\"body\" tone=\"ink\" className=\"flex items-center gap-2\">\n      {children}\n    </Txt>\n  );\n};\n\nexport const HeaderAction = ({ children }: HeaderProps) => {\n  return <div className=\"ml-auto flex items-center gap-3\">{children}</div>;\n};\n\nexport const HeaderGroup = ({ children }: HeaderProps) => {\n  return <div className=\"flex items-center gap-2\">{children}</div>;\n};\n"],"names":["jsx","cn","Txt"],"mappings":";;;;;;AAWO,MAAM,SAAS,CAAC,EAAE,UAAU,MAAA,GAAS,IAAA,EAAM,WAAU,KAAmB;AAC7E,EAAA,uBACEA,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,0EAAA;AAAA,QACA;AAAA;AAAA,UAEE,6BAAA,EAA+B;AAAA,SACjC;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBACED,cAAA,CAACE,OAAA,EAAA,EAAI,EAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,QAAO,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,yBAAA,EAC9C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAS,KAAmB;AACzD,EAAA,uBAAOF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAS,CAAA;AACpE;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBAAOA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS,CAAA;AAC5D;;;;;;;"}

package/dist/Notice-BioYTS4b.js

@@ -0,0 +1,102 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { useRender } from '@base-ui/react/use-render';
+import { isValidElement, Children } from 'react';
+import { transitions } from './primitives/transitions.es.js';
+import { c as cn } from './cn-CQUhN5Jx.js';
+import { FileTextIcon, InfoIcon, TriangleAlertIcon, OctagonAlertIcon, LightbulbIcon } from 'lucide-react';
+import { G as GrainFill } from './grain-fill-DznD1Fnx.js';
+import { textStyle } from './primitives/text.es.js';
+
+import './Notice.css';function nativeButtonProps(render) {
+  if (!render || isValidElement(render) && render.type === "button") return { type: "button" };
+  return {};
+}
+function NoticeButton({ render, icon, className, children, ...props }) {
+  return useRender({
+    defaultTagName: "button",
+    render,
+    props: mergeProps(
+      nativeButtonProps(render),
+      {
+        className: cn(
+          "inline-flex min-w-0 cursor-pointer items-center gap-1.5 rounded-xs text-label text-foreground",
+          "underline decoration-foreground/40 underline-offset-4 hover:decoration-foreground",
+          transitions.colors,
+          "outline-offset-2 focus-visible:outline-2 focus-visible:outline-border-focus",
+          "disabled:cursor-not-allowed disabled:text-muted-foreground [&>svg]:size-icon-sm [&>svg]:shrink-0",
+          className
+        ),
+        children: /* @__PURE__ */ jsxs(Fragment, { children: [
+          icon,
+          children
+        ] })
+      },
+      props
+    )
+  });
+}
+
+function NoticeMessage({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className, children });
+}
+
+const variantConfig = {
+  success: { icon: /* @__PURE__ */ jsx(LightbulbIcon, {}), iconClass: "text-success-indicator" },
+  destructive: { icon: /* @__PURE__ */ jsx(OctagonAlertIcon, {}), iconClass: "text-destructive-indicator" },
+  warning: { icon: /* @__PURE__ */ jsx(TriangleAlertIcon, {}), iconClass: "text-warning-foreground" },
+  info: { icon: /* @__PURE__ */ jsx(InfoIcon, {}), iconClass: "text-info-indicator" },
+  note: { icon: /* @__PURE__ */ jsx(FileTextIcon, {}), iconClass: "text-muted-foreground" }
+};
+const titledMessage = { variant: "caption", tone: "muted" };
+const plainMessage = { variant: "body-sm", tone: "ink" };
+function hasContent(content) {
+  return Children.toArray(content).some((child) => child !== "");
+}
+function lastRowOf(hasAction, hasMessage) {
+  if (hasAction) return "action";
+  if (hasMessage) return "message";
+  return "title";
+}
+function NoticeRoot({ variant, title, icon, action, children, className }) {
+  const { icon: defaultIcon, iconClass } = variantConfig[variant];
+  const glyph = /* @__PURE__ */ jsx("span", { className: cn("flex h-lh shrink-0 items-center [&>svg]:size-icon-sm", iconClass), children: icon ?? defaultIcon });
+  const hasTitle = hasContent(title);
+  const hasMessage = hasContent(children);
+  const hasAction = hasContent(action);
+  const lastRow = lastRowOf(hasAction, hasMessage);
+  const messageText = hasTitle ? titledMessage : plainMessage;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "notice",
+      className: cn(
+        "relative isolate flex flex-col gap-2 overflow-hidden rounded-2xl border border-surface-rim p-3",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { "data-slot": "notice-background", "aria-hidden": true, className: "absolute inset-0 -z-10 bg-card", children: variant !== "note" && /* @__PURE__ */ jsx(GrainFill, { tone: variant, width: 464, height: 200, className: "absolute inset-0 max-w-116 mask-r-from-34%" }) }),
+        hasTitle && /* @__PURE__ */ jsxs("div", { className: cn(textStyle({ variant: "subheading", tone: "ink" }), "flex min-w-0 items-start gap-2"), children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: title }),
+          lastRow === "title" && glyph
+        ] }),
+        hasMessage && /* @__PURE__ */ jsxs("div", { className: cn(textStyle(messageText), "flex min-w-0 items-end gap-2"), children: [
+          /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 flex-col gap-2 wrap-anywhere", children }),
+          lastRow === "message" && glyph
+        ] }),
+        hasAction && /* @__PURE__ */ jsxs("div", { className: cn(textStyle({ variant: "label" }), "flex min-w-0 items-center justify-between gap-2"), children: [
+          /* @__PURE__ */ jsx("div", { className: "flex min-w-0", children: action }),
+          glyph
+        ] })
+      ]
+    }
+  );
+}
+
+const Notice = Object.assign(NoticeRoot, {
+  Message: NoticeMessage,
+  Button: NoticeButton
+});
+
+export { Notice as N };
+//# sourceMappingURL=Notice-BioYTS4b.js.map

package/dist/Notice-BioYTS4b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice-BioYTS4b.js","sources":["../src/ds/components/Notice/notice-button.tsx","../src/ds/components/Notice/notice-message.tsx","../src/ds/components/Notice/notice-root.tsx","../src/ds/components/Notice/Notice.tsx"],"sourcesContent":["import { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { isValidElement, type ReactNode } from 'react';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface NoticeButtonProps extends useRender.ComponentProps<'button'> {\n  icon?: ReactNode;\n}\n\nfunction nativeButtonProps(render: NoticeButtonProps['render']) {\n  if (!render || (isValidElement(render) && render.type === 'button')) return { type: 'button' as const };\n  return {};\n}\n\nexport function NoticeButton({ render, icon, className, children, ...props }: NoticeButtonProps) {\n  return useRender({\n    defaultTagName: 'button',\n    render,\n    props: mergeProps<'button'>(\n      nativeButtonProps(render),\n      {\n        className: cn(\n          'inline-flex min-w-0 cursor-pointer items-center gap-1.5 rounded-xs text-label text-foreground',\n          'underline decoration-foreground/40 underline-offset-4 hover:decoration-foreground',\n          transitions.colors,\n          'outline-offset-2 focus-visible:outline-2 focus-visible:outline-border-focus',\n          'disabled:cursor-not-allowed disabled:text-muted-foreground [&>svg]:size-icon-sm [&>svg]:shrink-0',\n          className,\n        ),\n        children: (\n          <>\n            {icon}\n            {children}\n          </>\n        ),\n      },\n      props,\n    ),\n  });\n}\n","export interface NoticeMessageProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n  return <div className={className}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport { Children, type ReactNode } from 'react';\nimport './notice.css';\nimport { GrainFill } from '@/ds/components/GrainFill/grain-fill';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' | 'destructive' | 'success' | 'info' | 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: ReactNode; iconClass: string }> = {\n  success: { icon: <LightbulbIcon />, iconClass: 'text-success-indicator' },\n  destructive: { icon: <OctagonAlertIcon />, iconClass: 'text-destructive-indicator' },\n  warning: { icon: <TriangleAlertIcon />, iconClass: 'text-warning-foreground' },\n  info: { icon: <InfoIcon />, iconClass: 'text-info-indicator' },\n  note: { icon: <FileTextIcon />, iconClass: 'text-muted-foreground' },\n};\n\nconst titledMessage = { variant: 'caption', tone: 'muted' } as const;\nconst plainMessage = { variant: 'body-sm', tone: 'ink' } as const;\n\nfunction hasContent(content: ReactNode) {\n  return Children.toArray(content).some(child => child !== '');\n}\n\nfunction lastRowOf(hasAction: boolean, hasMessage: boolean) {\n  if (hasAction) return 'action';\n  if (hasMessage) return 'message';\n  return 'title';\n}\n\nexport interface NoticeRootProps {\n  variant: NoticeVariant;\n  title?: ReactNode;\n  icon?: ReactNode;\n  action?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n  const { icon: defaultIcon, iconClass } = variantConfig[variant];\n  const glyph = (\n    <span className={cn('flex h-lh shrink-0 items-center [&>svg]:size-icon-sm', iconClass)}>{icon ?? defaultIcon}</span>\n  );\n\n  const hasTitle = hasContent(title);\n  const hasMessage = hasContent(children);\n  const hasAction = hasContent(action);\n  const lastRow = lastRowOf(hasAction, hasMessage);\n  const messageText = hasTitle ? titledMessage : plainMessage;\n\n  return (\n    <div\n      data-slot=\"notice\"\n      className={cn(\n        'relative isolate flex flex-col gap-2 overflow-hidden rounded-2xl border border-surface-rim p-3',\n        className,\n      )}\n    >\n      <div data-slot=\"notice-background\" aria-hidden className=\"absolute inset-0 -z-10 bg-card\">\n        {variant !== 'note' && (\n          <GrainFill tone={variant} width={464} height={200} className=\"absolute inset-0 max-w-116 mask-r-from-34%\" />\n        )}\n      </div>\n      {hasTitle && (\n        <div className={cn(textStyle({ variant: 'subheading', tone: 'ink' }), 'flex min-w-0 items-start gap-2')}>\n          <span className=\"min-w-0 flex-1 truncate\">{title}</span>\n          {lastRow === 'title' && glyph}\n        </div>\n      )}\n      {hasMessage && (\n        <div className={cn(textStyle(messageText), 'flex min-w-0 items-end gap-2')}>\n          {/* wrap-anywhere — messages carry URLs and tokens with no break opportunity */}\n          <div className=\"flex min-w-0 flex-1 flex-col gap-2 wrap-anywhere\">{children}</div>\n          {lastRow === 'message' && glyph}\n        </div>\n      )}\n      {hasAction && (\n        <div className={cn(textStyle({ variant: 'label' }), 'flex min-w-0 items-center justify-between gap-2')}>\n          <div className=\"flex min-w-0\">{action}</div>\n          {glyph}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { NoticeButton } from './notice-button';\nimport { NoticeMessage } from './notice-message';\nimport { NoticeRoot } from './notice-root';\n\nexport { type NoticeVariant, type NoticeRootProps } from './notice-root';\nexport { type NoticeMessageProps } from './notice-message';\n\nexport const Notice = Object.assign(NoticeRoot, {\n  Message: NoticeMessage,\n  Button: NoticeButton,\n});\n"],"names":[],"mappings":"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"}