@mastra/playground-ui 22.1.2 → 22.1.3-alpha.0

package/dist/index.es.js

@@ -9437,7 +9437,7 @@ function PageHeaderDescription({ children, isLoading }) {
   return /* @__PURE__ */ jsx(
     "p",
     {
-      className: cn("text-neutral3 text-sm max-w-[35rem] flex flex-wrap gap-x-4 gap-y-1 mt-1 first-of-type:mt-3", {
+      className: cn("text-neutral2 text-sm max-w-[35rem] flex flex-wrap gap-x-4 gap-y-1 mt-1", {
         "bg-surface4 w-[40rem] max-w-[80%] rounded-md animate-pulse": isLoading
       }),
       children: isLoading ? /* @__PURE__ */ jsx(Fragment, { children: " " }) : /* @__PURE__ */ jsx(Fragment, { children })
@@ -12475,13 +12475,10 @@ function DataKeysAndValuesValue({ className, children }) {
 function isExternalUrl(href) {
   return /^https?:\/\//.test(href);
 }
-function DataKeysAndValuesValueLink({
-  className,
-  children,
-  href,
-  LinkComponent: Link
-}) {
+function DataKeysAndValuesValueLink({ className, children, href, as }) {
   const isExternal = isExternalUrl(href);
+  const Component = as || "a";
+  const navigationProps = as ? { href, to: href } : { href };
   const linkClassName = cn(
     "truncate flex items-center gap-2 hover:text-neutral4 transition-colors",
     "[&>svg]:w-4 [&>svg]:h-4 [&>svg]:shrink-0 [&>svg]:opacity-70 [&:hover>svg]:opacity-100"
@@ -12492,7 +12489,7 @@ function DataKeysAndValuesValueLink({
       /* @__PURE__ */ jsx(ExternalLinkIcon, {})
     ] }) });
   }
-  return /* @__PURE__ */ jsx("dd", { className: cn(dataKeysAndValuesValueStyles, className), children: /* @__PURE__ */ jsxs(Link, { href, className: linkClassName, children: [
+  return /* @__PURE__ */ jsx("dd", { className: cn(dataKeysAndValuesValueStyles, className), children: /* @__PURE__ */ jsxs(Component, { ...navigationProps, className: linkClassName, children: [
     /* @__PURE__ */ jsx("span", { children }),
     /* @__PURE__ */ jsx(Link2Icon, {})
   ] }) });