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

package/dist/components/ErrorBoundary.cjs.js

@@ -2,184 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-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');
+const ErrorBoundary = require('../ErrorBoundary-CTN7Nxd7.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;
+exports.ErrorBoundary = ErrorBoundary.ErrorBoundary;
 //# sourceMappingURL=ErrorBoundary.cjs.js.map

package/dist/components/ErrorBoundary.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.cjs.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":["React","jsx","cn","jsxs","AlertTriangle","Button","RotateCcw","RefreshCw","Bug","quietTextHover"],"mappings":"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"}
+{"version":3,"file":"ErrorBoundary.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/ErrorBoundary.es.js

@@ -1,162 +1,2 @@
-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 };
+export { E as ErrorBoundary } from '../ErrorBoundary-CiKNMCFG.js';
 //# sourceMappingURL=ErrorBoundary.es.js.map

package/dist/components/ErrorBoundary.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.es.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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"}
+{"version":3,"file":"ErrorBoundary.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/FormFieldBlocks.cjs.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const fieldErrorId = require('../field-error-id-V_WejsRL.cjs');
+const fieldBlock = require('../field-block-BG5E7u9v.cjs');
+const fieldErrorId = require('../field-error-id-B3Z2Zu5y.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
-const textFieldBlock = require('../text-field-block-CRh8sRXP.cjs');
-const textarea = require('../textarea-gUBUqpol.cjs');
-const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
-const searchFieldBlock = require('../search-field-block-K_e_S9WY.cjs');
-const selectFieldBlock = require('../select-field-block-CaGjpIKM.cjs');
+const textFieldBlock = require('../text-field-block-BCOCO1W2.cjs');
+const textareaFieldBlock = require('../textarea-field-block-DlV3zmOi.cjs');
+const searchFieldBlock = require('../search-field-block-CD02RlL6.cjs');
+const selectFieldBlock = require('../select-field-block-5D-FkGZ4.cjs');
 
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid content-start gap-6", className), children });
@@ -37,55 +37,11 @@ const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {
   Column: FieldBlocksLayoutColumn
 });
 
-function TextareaFieldBlock({
-  name,
-  label,
-  labelIsHidden = false,
-  labelColumnWidth,
-  helpText,
-  error,
-  errorMsg,
-  required = false,
-  disabled = false,
-  labelSize,
-  layout = "vertical",
-  size = "md",
-  testId,
-  className,
-  "aria-describedby": ariaDescribedBy,
-  ...props
-}) {
-  const describedBy = [ariaDescribedBy, errorMsg ? fieldErrorId.fieldErrorId(name) : void 0].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
-    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Column, { children: /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name, required, disabled, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: label }) : label }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { children: [
-      !labelIsHidden && layout === "vertical" ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name, required, disabled, size: labelSize || "default", children: label }) : null,
-      /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { className: "gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          textarea.Textarea,
-          {
-            id: `input-${name}`,
-            name,
-            disabled,
-            required,
-            size,
-            "data-testid": testId,
-            error: error || Boolean(errorMsg),
-            "aria-describedby": describedBy,
-            ...props
-          }
-        ),
-        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Message, { name, helpText, errorMsg }) : null
-      ] })
-    ] })
-  ] });
-}
-
-exports.FieldBlock = fieldErrorId.FieldBlock;
+exports.FieldBlock = fieldBlock.FieldBlock;
 exports.fieldErrorId = fieldErrorId.fieldErrorId;
 exports.TextFieldBlock = textFieldBlock.TextFieldBlock;
+exports.TextareaFieldBlock = textareaFieldBlock.TextareaFieldBlock;
 exports.SearchFieldBlock = searchFieldBlock.SearchFieldBlock;
 exports.SelectFieldBlock = selectFieldBlock.SelectFieldBlock;
 exports.FieldBlocksLayout = FieldBlocksLayout;
-exports.TextareaFieldBlock = TextareaFieldBlock;
 //# sourceMappingURL=FormFieldBlocks.cjs.js.map

package/dist/components/FormFieldBlocks.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldBlocks.cjs.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx","../../src/ds/components/FormFieldBlocks/fields/textarea-field-block.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n","import { Textarea } from '../../Textarea';\nimport type { TextareaProps } from '../../Textarea';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextareaFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<TextareaProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: TextareaProps['size'];\n  };\n\nexport function TextareaFieldBlock({\n  name,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  size = 'md',\n  testId,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: TextareaFieldBlockProps) {\n  const describedBy =\n    [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') || undefined;\n\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Textarea\n            id={`input-${name}`}\n            name={name}\n            disabled={disabled}\n            required={required}\n            size={size}\n            data-testid={testId}\n            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["cn","jsx","fieldErrorId","FieldBlock","VisuallyHidden","jsxs","Textarea"],"mappings":"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"}
+{"version":3,"file":"FormFieldBlocks.cjs.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n"],"names":["cn","jsx"],"mappings":";;;;;;;;;;;;;AAOO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,0BAAA,EAA4B,SAAS,GAAI,QAAA,EAAS,CAAA;AAC9E;;ACAO,SAAS,sBAAsB,EAAE,QAAA,EAAU,WAAW,OAAA,GAAU,CAAA,EAAG,KAAI,EAA+B;AAC3G,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,WAAA;AAAA,QACT,MAAA;AAAA,QACA;AAAA,UACE,eAAe,OAAA,KAAY,CAAA;AAAA,UAC3B,eAAe,OAAA,KAAY;AAAA,SAC7B;AAAA,QACA,GAAA,IAAO,OAAA;AAAA,QACP;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACtBO,MAAM,iBAAA,GAAoB,MAAA,CAAO,MAAA,CAAO,qBAAA,EAAuB;AAAA,EACpE,MAAA,EAAQ;AACV,CAAC;;;;;;;;;;"}

package/dist/components/FormFieldBlocks.es.js

@@ -1,11 +1,11 @@
-import { F as FieldBlock, f as fieldErrorId } from '../field-error-id-DD7OARLU.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+export { F as FieldBlock } from '../field-block-BRLwud-v.js';
+export { f as fieldErrorId } from '../field-error-id-D3yg1nBh.js';
+import { jsx } from 'react/jsx-runtime';
 import { c as cn } from '../cn-65Adrsfj.js';
-export { T as TextFieldBlock } from '../text-field-block-BYPiO9h4.js';
-import { T as Textarea } from '../textarea-B6wvS_CQ.js';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-export { S as SearchFieldBlock } from '../search-field-block-Dj2KJyjQ.js';
-export { S as SelectFieldBlock } from '../select-field-block-BF8v698d.js';
+export { T as TextFieldBlock } from '../text-field-block-yNMK8lM0.js';
+export { T as TextareaFieldBlock } from '../textarea-field-block-CQOWTloR.js';
+export { S as SearchFieldBlock } from '../search-field-block-C23HLYQi.js';
+export { S as SelectFieldBlock } from '../select-field-block-BCXRKd3l.js';
 
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("grid content-start gap-6", className), children });
@@ -33,49 +33,5 @@ const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {
   Column: FieldBlocksLayoutColumn
 });
 
-function TextareaFieldBlock({
-  name,
-  label,
-  labelIsHidden = false,
-  labelColumnWidth,
-  helpText,
-  error,
-  errorMsg,
-  required = false,
-  disabled = false,
-  labelSize,
-  layout = "vertical",
-  size = "md",
-  testId,
-  className,
-  "aria-describedby": ariaDescribedBy,
-  ...props
-}) {
-  const describedBy = [ariaDescribedBy, errorMsg ? fieldErrorId(name) : void 0].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
-    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: label }) : label }) }) : null,
-    /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
-      !labelIsHidden && layout === "vertical" ? /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, size: labelSize || "default", children: label }) : null,
-      /* @__PURE__ */ jsxs(FieldBlock.Column, { className: "gap-1", children: [
-        /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            id: `input-${name}`,
-            name,
-            disabled,
-            required,
-            size,
-            "data-testid": testId,
-            error: error || Boolean(errorMsg),
-            "aria-describedby": describedBy,
-            ...props
-          }
-        ),
-        helpText || errorMsg ? /* @__PURE__ */ jsx(FieldBlock.Message, { name, helpText, errorMsg }) : null
-      ] })
-    ] })
-  ] });
-}
-
-export { FieldBlock, FieldBlocksLayout, TextareaFieldBlock, fieldErrorId };
+export { FieldBlocksLayout };
 //# sourceMappingURL=FormFieldBlocks.es.js.map

package/dist/components/FormFieldBlocks.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldBlocks.es.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx","../../src/ds/components/FormFieldBlocks/fields/textarea-field-block.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n","import { Textarea } from '../../Textarea';\nimport type { TextareaProps } from '../../Textarea';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextareaFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<TextareaProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: TextareaProps['size'];\n  };\n\nexport function TextareaFieldBlock({\n  name,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  size = 'md',\n  testId,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: TextareaFieldBlockProps) {\n  const describedBy =\n    [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') || undefined;\n\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Textarea\n            id={`input-${name}`}\n            name={name}\n            disabled={disabled}\n            required={required}\n            size={size}\n            data-testid={testId}\n            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FormFieldBlocks.es.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n"],"names":[],"mappings":";;;;;;;;;AAOO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,0BAAA,EAA4B,SAAS,GAAI,QAAA,EAAS,CAAA;AAC9E;;ACAO,SAAS,sBAAsB,EAAE,QAAA,EAAU,WAAW,OAAA,GAAU,CAAA,EAAG,KAAI,EAA+B;AAC3G,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,MAAA;AAAA,QACA;AAAA,UACE,eAAe,OAAA,KAAY,CAAA;AAAA,UAC3B,eAAe,OAAA,KAAY;AAAA,SAC7B;AAAA,QACA,GAAA,IAAO,OAAA;AAAA,QACP;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACtBO,MAAM,iBAAA,GAAoB,MAAA,CAAO,MAAA,CAAO,qBAAA,EAAuB;AAAA,EACpE,MAAA,EAAQ;AACV,CAAC;;;;"}

package/dist/components/JSONSchemaForm.cjs.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
-const textFieldBlock = require('../text-field-block-CRh8sRXP.cjs');
+const textFieldBlock = require('../text-field-block-BCOCO1W2.cjs');
 const lucideReact = require('lucide-react');
-const selectFieldBlock = require('../select-field-block-CaGjpIKM.cjs');
+const selectFieldBlock = require('../select-field-block-5D-FkGZ4.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 const checkbox = require('../checkbox-CI8JtZKS.cjs');
 const Button = require('../Button-BAMnPqos.cjs');

package/dist/components/JSONSchemaForm.es.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { c as cn } from '../cn-65Adrsfj.js';
-import { T as TextFieldBlock } from '../text-field-block-BYPiO9h4.js';
+import { T as TextFieldBlock } from '../text-field-block-yNMK8lM0.js';
 import { Type, Hash, ToggleLeft, AlignLeft, Braces, List, Trash2Icon, Plus } from 'lucide-react';
-import { S as SelectFieldBlock } from '../select-field-block-BF8v698d.js';
+import { S as SelectFieldBlock } from '../select-field-block-BCXRKd3l.js';
 import { Icon } from '../icons/Icon.es.js';
 import { C as Checkbox } from '../checkbox-CQedzgsi.js';
 import { B as Button } from '../Button-B8nF87ai.js';

package/dist/components/ListSearch.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const listSearch = require('../list-search-CsYQX8qR.cjs');
+const listSearch = require('../list-search-hOQI7qF_.cjs');