@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

package/dist/components/KeyValueList.cjs.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const hoverCard = require('../hover-card-BSj1EgQs.cjs');
+const hoverCard = require('../hover-card-DdHnkGcs.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkComponent: Link }) {
   const LabelWrapper = ({ children }) => {
@@ -19,13 +19,13 @@ function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkCompone
   return /* @__PURE__ */ jsxRuntime.jsx("dl", { className: utils_cn.cn("grid grid-cols-[auto_1fr] content-start items-start gap-x-4", className), children: data.map(({ key, label, value, icon, separator }, index) => {
     const isValueItemArray = Array.isArray(value);
     return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("dt", { className: utils_cn.cn("flex min-h-9 items-center justify-between gap-8 text-ui-md text-neutral3"), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("dt", { className: utils_cn.cn("flex min-h-9 items-center justify-between gap-8 text-body text-muted-foreground"), children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "span",
           {
             className: utils_cn.cn(
               "flex items-center gap-2",
-              "[&>svg]:size-[1.4em] [&>svg]:text-neutral3 [&>svg]:opacity-50",
+              "[&>svg]:size-[1.4em] [&>svg]:text-muted-foreground [&>svg]:opacity-50",
               {
                 "[&>svg]:opacity-20": isLoading
               }
@@ -37,21 +37,21 @@ function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkCompone
             ]
           }
         ),
-        !labelsAreHidden && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("text-neutral3", "[&>svg]:size-[1em] [&>svg]:text-neutral3"), children: separator })
+        !labelsAreHidden && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("text-muted-foreground", "[&>svg]:size-[1em] [&>svg]:text-muted-foreground"), children: separator })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "dd",
         {
           className: utils_cn.cn(
-            "flex min-h-9 flex-wrap items-center gap-2 py-1 text-ui-md text-wrap text-neutral5",
-            "truncate [&>a]:flex [&>a]:min-h-7 [&>a]:w-auto [&>a]:max-w-full [&>a]:items-center [&>a]:gap-2 [&>a]:rounded-md [&>a]:bg-surface4 [&>a]:px-2 [&>a]:py-0.5 [&>a]:text-ui-md [&>a]:leading-none [&>a]:text-neutral5 [&>a]:transition-colors",
-            "[&>a:hover]:bg-surface6 [&>a:hover]:text-neutral6",
-            "[&>a>svg]:ml-[-0.5em] [&>a>svg]:size-[1em] [&>a>svg]:text-neutral3"
+            "flex min-h-9 flex-wrap items-center gap-2 py-1 text-body text-wrap text-foreground",
+            "truncate [&>a]:flex [&>a]:min-h-7 [&>a]:w-auto [&>a]:max-w-full [&>a]:items-center [&>a]:gap-2 [&>a]:rounded-md [&>a]:bg-muted [&>a]:px-2 [&>a]:py-0.5 [&>a]:text-body [&>a]:leading-none [&>a]:text-foreground [&>a]:transition-colors",
+            "[&>a:hover]:bg-fill-subtle [&>a:hover]:text-foreground",
+            "[&>a>svg]:ml-[-0.5em] [&>a>svg]:size-[1em] [&>a>svg]:text-muted-foreground"
           ),
           children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: utils_cn.cn("w-full rounded-e-lg bg-surface4"),
+              className: utils_cn.cn("w-full rounded-e-lg bg-muted"),
               style: { width: `${Math.floor(Math.random() * (90 - 30 + 1)) + 50}%` },
               children: " "
             }
@@ -71,7 +71,7 @@ function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkCompone
               ] }) }, item.id);
             }
             return /* @__PURE__ */ jsxRuntime.jsx("span", { children: item?.name }, item.id);
-          }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: value ? value : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-sm text-neutral3", children: "n/a" }) })
+          }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: value ? value : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-muted-foreground", children: "n/a" }) })
         }
       )
     ] }, key ?? index);

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

@@ -1 +1 @@
-{"version":3,"file":"KeyValueList.cjs.js","sources":["../../src/ds/components/KeyValueList/key-value-list.tsx"],"sourcesContent":["import { ChevronRightIcon } from 'lucide-react';\nimport React from 'react';\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from '@/ds/components/HoverCard';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type KeyValueListItemValue = {\n  id: string;\n  name: React.ReactNode;\n  path?: string;\n  description?: React.ReactNode;\n};\n\nexport type KeyValueListItemData = {\n  key: string;\n  /** Plain text in most cases; a node when the label itself is interactive (e.g. a link). */\n  label: React.ReactNode;\n  value: Value;\n  icon?: React.ReactNode;\n  separator?: React.ReactNode;\n};\n\ntype Value = React.ReactNode | KeyValueListItemValue[];\nexport type KeyValueListProps = {\n  data: KeyValueListItemData[];\n  labelsAreHidden?: boolean;\n  className?: string;\n  isLoading?: boolean;\n  LinkComponent?: LinkComponent;\n};\n\nexport function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkComponent: Link }: KeyValueListProps) {\n  const LabelWrapper = ({ children }: { children: React.ReactNode }) => {\n    return labelsAreHidden ? <VisuallyHidden>{children}</VisuallyHidden> : children;\n  };\n\n  if (!data || data.length === 0) {\n    return null;\n  }\n\n  return (\n    <dl className={cn('grid grid-cols-[auto_1fr] content-start items-start gap-x-4', className)}>\n      {data.map(({ key, label, value, icon, separator }, index) => {\n        const isValueItemArray = Array.isArray(value);\n\n        return (\n          <React.Fragment key={key ?? index}>\n            <dt className={cn('flex min-h-9 items-center justify-between gap-8 text-ui-md text-neutral3')}>\n              <span\n                className={cn(\n                  'flex items-center gap-2',\n                  '[&>svg]:size-[1.4em] [&>svg]:text-neutral3 [&>svg]:opacity-50',\n                  {\n                    '[&>svg]:opacity-20': isLoading,\n                  },\n                )}\n              >\n                {icon} <LabelWrapper>{label}</LabelWrapper>\n              </span>\n              {!labelsAreHidden && (\n                <span className={cn('text-neutral3', '[&>svg]:size-[1em] [&>svg]:text-neutral3')}>{separator}</span>\n              )}\n            </dt>\n            <dd\n              className={cn(\n                'flex min-h-9 flex-wrap items-center gap-2 py-1 text-ui-md text-wrap text-neutral5',\n                'truncate [&>a]:flex [&>a]:min-h-7 [&>a]:w-auto [&>a]:max-w-full [&>a]:items-center [&>a]:gap-2 [&>a]:rounded-md [&>a]:bg-surface4 [&>a]:px-2 [&>a]:py-0.5 [&>a]:text-ui-md [&>a]:leading-none [&>a]:text-neutral5 [&>a]:transition-colors',\n                '[&>a:hover]:bg-surface6 [&>a:hover]:text-neutral6',\n                '[&>a>svg]:ml-[-0.5em] [&>a>svg]:size-[1em] [&>a>svg]:text-neutral3',\n              )}\n            >\n              {isLoading ? (\n                <span\n                  className={cn('w-full rounded-e-lg bg-surface4')}\n                  style={{ width: `${Math.floor(Math.random() * (90 - 30 + 1)) + 50}%` }}\n                >\n                  &nbsp;\n                </span>\n              ) : isValueItemArray ? (\n                value?.map(item => {\n                  if (item.path && Link) {\n                    return (\n                      <RelationWrapper description={item.description} key={item.id}>\n                        <Link href={item.path}>\n                          {item?.name} <ChevronRightIcon />\n                        </Link>\n                      </RelationWrapper>\n                    );\n                  }\n                  if (item.path) {\n                    return (\n                      <RelationWrapper description={item.description} key={item.id}>\n                        <a href={item.path}>\n                          {item?.name} <ChevronRightIcon />\n                        </a>\n                      </RelationWrapper>\n                    );\n                  }\n                  return <span key={item.id}>{item?.name}</span>;\n                })\n              ) : (\n                <>{value ? value : <span className=\"text-ui-sm text-neutral3\">n/a</span>}</>\n              )}\n            </dd>\n          </React.Fragment>\n        );\n      })}\n    </dl>\n  );\n}\n\ntype RelationWrapperProps = {\n  description?: React.ReactNode;\n  children?: React.ReactNode;\n};\n\nfunction RelationWrapper({ description, children }: RelationWrapperProps) {\n  return description ? (\n    <HoverCard>\n      <HoverCardTrigger render={React.isValidElement(children) ? (children as React.ReactElement) : undefined} />\n      <HoverCardContent className=\"max-w-60 text-center\">{description}</HoverCardContent>\n    </HoverCard>\n  ) : (\n    children\n  );\n}\n"],"names":["jsx","VisuallyHidden","cn","jsxs","ChevronRightIcon","Fragment","HoverCard","HoverCardTrigger","HoverCardContent"],"mappings":"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"}
+{"version":3,"file":"KeyValueList.cjs.js","sources":["../../src/ds/components/KeyValueList/key-value-list.tsx"],"sourcesContent":["import { ChevronRightIcon } from 'lucide-react';\nimport React from 'react';\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from '@/ds/components/HoverCard';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type KeyValueListItemValue = {\n  id: string;\n  name: React.ReactNode;\n  path?: string;\n  description?: React.ReactNode;\n};\n\nexport type KeyValueListItemData = {\n  key: string;\n  /** Plain text in most cases; a node when the label itself is interactive (e.g. a link). */\n  label: React.ReactNode;\n  value: Value;\n  icon?: React.ReactNode;\n  separator?: React.ReactNode;\n};\n\ntype Value = React.ReactNode | KeyValueListItemValue[];\nexport type KeyValueListProps = {\n  data: KeyValueListItemData[];\n  labelsAreHidden?: boolean;\n  className?: string;\n  isLoading?: boolean;\n  LinkComponent?: LinkComponent;\n};\n\nexport function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkComponent: Link }: KeyValueListProps) {\n  const LabelWrapper = ({ children }: { children: React.ReactNode }) => {\n    return labelsAreHidden ? <VisuallyHidden>{children}</VisuallyHidden> : children;\n  };\n\n  if (!data || data.length === 0) {\n    return null;\n  }\n\n  return (\n    <dl className={cn('grid grid-cols-[auto_1fr] content-start items-start gap-x-4', className)}>\n      {data.map(({ key, label, value, icon, separator }, index) => {\n        const isValueItemArray = Array.isArray(value);\n\n        return (\n          <React.Fragment key={key ?? index}>\n            <dt className={cn('flex min-h-9 items-center justify-between gap-8 text-body text-muted-foreground')}>\n              <span\n                className={cn(\n                  'flex items-center gap-2',\n                  '[&>svg]:size-[1.4em] [&>svg]:text-muted-foreground [&>svg]:opacity-50',\n                  {\n                    '[&>svg]:opacity-20': isLoading,\n                  },\n                )}\n              >\n                {icon} <LabelWrapper>{label}</LabelWrapper>\n              </span>\n              {!labelsAreHidden && (\n                <span className={cn('text-muted-foreground', '[&>svg]:size-[1em] [&>svg]:text-muted-foreground')}>\n                  {separator}\n                </span>\n              )}\n            </dt>\n            <dd\n              className={cn(\n                'flex min-h-9 flex-wrap items-center gap-2 py-1 text-body text-wrap text-foreground',\n                'truncate [&>a]:flex [&>a]:min-h-7 [&>a]:w-auto [&>a]:max-w-full [&>a]:items-center [&>a]:gap-2 [&>a]:rounded-md [&>a]:bg-muted [&>a]:px-2 [&>a]:py-0.5 [&>a]:text-body [&>a]:leading-none [&>a]:text-foreground [&>a]:transition-colors',\n                '[&>a:hover]:bg-fill-subtle [&>a:hover]:text-foreground',\n                '[&>a>svg]:ml-[-0.5em] [&>a>svg]:size-[1em] [&>a>svg]:text-muted-foreground',\n              )}\n            >\n              {isLoading ? (\n                <span\n                  className={cn('w-full rounded-e-lg bg-muted')}\n                  style={{ width: `${Math.floor(Math.random() * (90 - 30 + 1)) + 50}%` }}\n                >\n                  &nbsp;\n                </span>\n              ) : isValueItemArray ? (\n                value?.map(item => {\n                  if (item.path && Link) {\n                    return (\n                      <RelationWrapper description={item.description} key={item.id}>\n                        <Link href={item.path}>\n                          {item?.name} <ChevronRightIcon />\n                        </Link>\n                      </RelationWrapper>\n                    );\n                  }\n                  if (item.path) {\n                    return (\n                      <RelationWrapper description={item.description} key={item.id}>\n                        <a href={item.path}>\n                          {item?.name} <ChevronRightIcon />\n                        </a>\n                      </RelationWrapper>\n                    );\n                  }\n                  return <span key={item.id}>{item?.name}</span>;\n                })\n              ) : (\n                <>{value ? value : <span className=\"text-caption text-muted-foreground\">n/a</span>}</>\n              )}\n            </dd>\n          </React.Fragment>\n        );\n      })}\n    </dl>\n  );\n}\n\ntype RelationWrapperProps = {\n  description?: React.ReactNode;\n  children?: React.ReactNode;\n};\n\nfunction RelationWrapper({ description, children }: RelationWrapperProps) {\n  return description ? (\n    <HoverCard>\n      <HoverCardTrigger render={React.isValidElement(children) ? (children as React.ReactElement) : undefined} />\n      <HoverCardContent className=\"max-w-60 text-center\">{description}</HoverCardContent>\n    </HoverCard>\n  ) : (\n    children\n  );\n}\n"],"names":["jsx","VisuallyHidden","cn","jsxs","ChevronRightIcon","Fragment","HoverCard","HoverCardTrigger","HoverCardContent"],"mappings":"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"}

package/dist/components/KeyValueList.es.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ChevronRightIcon } from 'lucide-react';
 import React__default from 'react';
-import { H as HoverCard, b as HoverCardTrigger, a as HoverCardContent } from '../hover-card-Cmh0QRP8.js';
+import { H as HoverCard, b as HoverCardTrigger, a as HoverCardContent } from '../hover-card-Ch5smNcf.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkComponent: Link }) {
   const LabelWrapper = ({ children }) => {
@@ -15,13 +15,13 @@ function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkCompone
   return /* @__PURE__ */ jsx("dl", { className: cn("grid grid-cols-[auto_1fr] content-start items-start gap-x-4", className), children: data.map(({ key, label, value, icon, separator }, index) => {
     const isValueItemArray = Array.isArray(value);
     return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-      /* @__PURE__ */ jsxs("dt", { className: cn("flex min-h-9 items-center justify-between gap-8 text-ui-md text-neutral3"), children: [
+      /* @__PURE__ */ jsxs("dt", { className: cn("flex min-h-9 items-center justify-between gap-8 text-body text-muted-foreground"), children: [
         /* @__PURE__ */ jsxs(
           "span",
           {
             className: cn(
               "flex items-center gap-2",
-              "[&>svg]:size-[1.4em] [&>svg]:text-neutral3 [&>svg]:opacity-50",
+              "[&>svg]:size-[1.4em] [&>svg]:text-muted-foreground [&>svg]:opacity-50",
               {
                 "[&>svg]:opacity-20": isLoading
               }
@@ -33,21 +33,21 @@ function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkCompone
             ]
           }
         ),
-        !labelsAreHidden && /* @__PURE__ */ jsx("span", { className: cn("text-neutral3", "[&>svg]:size-[1em] [&>svg]:text-neutral3"), children: separator })
+        !labelsAreHidden && /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground", "[&>svg]:size-[1em] [&>svg]:text-muted-foreground"), children: separator })
       ] }),
       /* @__PURE__ */ jsx(
         "dd",
         {
           className: cn(
-            "flex min-h-9 flex-wrap items-center gap-2 py-1 text-ui-md text-wrap text-neutral5",
-            "truncate [&>a]:flex [&>a]:min-h-7 [&>a]:w-auto [&>a]:max-w-full [&>a]:items-center [&>a]:gap-2 [&>a]:rounded-md [&>a]:bg-surface4 [&>a]:px-2 [&>a]:py-0.5 [&>a]:text-ui-md [&>a]:leading-none [&>a]:text-neutral5 [&>a]:transition-colors",
-            "[&>a:hover]:bg-surface6 [&>a:hover]:text-neutral6",
-            "[&>a>svg]:ml-[-0.5em] [&>a>svg]:size-[1em] [&>a>svg]:text-neutral3"
+            "flex min-h-9 flex-wrap items-center gap-2 py-1 text-body text-wrap text-foreground",
+            "truncate [&>a]:flex [&>a]:min-h-7 [&>a]:w-auto [&>a]:max-w-full [&>a]:items-center [&>a]:gap-2 [&>a]:rounded-md [&>a]:bg-muted [&>a]:px-2 [&>a]:py-0.5 [&>a]:text-body [&>a]:leading-none [&>a]:text-foreground [&>a]:transition-colors",
+            "[&>a:hover]:bg-fill-subtle [&>a:hover]:text-foreground",
+            "[&>a>svg]:ml-[-0.5em] [&>a>svg]:size-[1em] [&>a>svg]:text-muted-foreground"
           ),
           children: isLoading ? /* @__PURE__ */ jsx(
             "span",
             {
-              className: cn("w-full rounded-e-lg bg-surface4"),
+              className: cn("w-full rounded-e-lg bg-muted"),
               style: { width: `${Math.floor(Math.random() * (90 - 30 + 1)) + 50}%` },
               children: " "
             }
@@ -67,7 +67,7 @@ function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkCompone
               ] }) }, item.id);
             }
             return /* @__PURE__ */ jsx("span", { children: item?.name }, item.id);
-          }) : /* @__PURE__ */ jsx(Fragment, { children: value ? value : /* @__PURE__ */ jsx("span", { className: "text-ui-sm text-neutral3", children: "n/a" }) })
+          }) : /* @__PURE__ */ jsx(Fragment, { children: value ? value : /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground", children: "n/a" }) })
         }
       )
     ] }, key ?? index);

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

@@ -1 +1 @@
-{"version":3,"file":"KeyValueList.es.js","sources":["../../src/ds/components/KeyValueList/key-value-list.tsx"],"sourcesContent":["import { ChevronRightIcon } from 'lucide-react';\nimport React from 'react';\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from '@/ds/components/HoverCard';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type KeyValueListItemValue = {\n  id: string;\n  name: React.ReactNode;\n  path?: string;\n  description?: React.ReactNode;\n};\n\nexport type KeyValueListItemData = {\n  key: string;\n  /** Plain text in most cases; a node when the label itself is interactive (e.g. a link). */\n  label: React.ReactNode;\n  value: Value;\n  icon?: React.ReactNode;\n  separator?: React.ReactNode;\n};\n\ntype Value = React.ReactNode | KeyValueListItemValue[];\nexport type KeyValueListProps = {\n  data: KeyValueListItemData[];\n  labelsAreHidden?: boolean;\n  className?: string;\n  isLoading?: boolean;\n  LinkComponent?: LinkComponent;\n};\n\nexport function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkComponent: Link }: KeyValueListProps) {\n  const LabelWrapper = ({ children }: { children: React.ReactNode }) => {\n    return labelsAreHidden ? <VisuallyHidden>{children}</VisuallyHidden> : children;\n  };\n\n  if (!data || data.length === 0) {\n    return null;\n  }\n\n  return (\n    <dl className={cn('grid grid-cols-[auto_1fr] content-start items-start gap-x-4', className)}>\n      {data.map(({ key, label, value, icon, separator }, index) => {\n        const isValueItemArray = Array.isArray(value);\n\n        return (\n          <React.Fragment key={key ?? index}>\n            <dt className={cn('flex min-h-9 items-center justify-between gap-8 text-ui-md text-neutral3')}>\n              <span\n                className={cn(\n                  'flex items-center gap-2',\n                  '[&>svg]:size-[1.4em] [&>svg]:text-neutral3 [&>svg]:opacity-50',\n                  {\n                    '[&>svg]:opacity-20': isLoading,\n                  },\n                )}\n              >\n                {icon} <LabelWrapper>{label}</LabelWrapper>\n              </span>\n              {!labelsAreHidden && (\n                <span className={cn('text-neutral3', '[&>svg]:size-[1em] [&>svg]:text-neutral3')}>{separator}</span>\n              )}\n            </dt>\n            <dd\n              className={cn(\n                'flex min-h-9 flex-wrap items-center gap-2 py-1 text-ui-md text-wrap text-neutral5',\n                'truncate [&>a]:flex [&>a]:min-h-7 [&>a]:w-auto [&>a]:max-w-full [&>a]:items-center [&>a]:gap-2 [&>a]:rounded-md [&>a]:bg-surface4 [&>a]:px-2 [&>a]:py-0.5 [&>a]:text-ui-md [&>a]:leading-none [&>a]:text-neutral5 [&>a]:transition-colors',\n                '[&>a:hover]:bg-surface6 [&>a:hover]:text-neutral6',\n                '[&>a>svg]:ml-[-0.5em] [&>a>svg]:size-[1em] [&>a>svg]:text-neutral3',\n              )}\n            >\n              {isLoading ? (\n                <span\n                  className={cn('w-full rounded-e-lg bg-surface4')}\n                  style={{ width: `${Math.floor(Math.random() * (90 - 30 + 1)) + 50}%` }}\n                >\n                  &nbsp;\n                </span>\n              ) : isValueItemArray ? (\n                value?.map(item => {\n                  if (item.path && Link) {\n                    return (\n                      <RelationWrapper description={item.description} key={item.id}>\n                        <Link href={item.path}>\n                          {item?.name} <ChevronRightIcon />\n                        </Link>\n                      </RelationWrapper>\n                    );\n                  }\n                  if (item.path) {\n                    return (\n                      <RelationWrapper description={item.description} key={item.id}>\n                        <a href={item.path}>\n                          {item?.name} <ChevronRightIcon />\n                        </a>\n                      </RelationWrapper>\n                    );\n                  }\n                  return <span key={item.id}>{item?.name}</span>;\n                })\n              ) : (\n                <>{value ? value : <span className=\"text-ui-sm text-neutral3\">n/a</span>}</>\n              )}\n            </dd>\n          </React.Fragment>\n        );\n      })}\n    </dl>\n  );\n}\n\ntype RelationWrapperProps = {\n  description?: React.ReactNode;\n  children?: React.ReactNode;\n};\n\nfunction RelationWrapper({ description, children }: RelationWrapperProps) {\n  return description ? (\n    <HoverCard>\n      <HoverCardTrigger render={React.isValidElement(children) ? (children as React.ReactElement) : undefined} />\n      <HoverCardContent className=\"max-w-60 text-center\">{description}</HoverCardContent>\n    </HoverCard>\n  ) : (\n    children\n  );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"KeyValueList.es.js","sources":["../../src/ds/components/KeyValueList/key-value-list.tsx"],"sourcesContent":["import { ChevronRightIcon } from 'lucide-react';\nimport React from 'react';\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from '@/ds/components/HoverCard';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type KeyValueListItemValue = {\n  id: string;\n  name: React.ReactNode;\n  path?: string;\n  description?: React.ReactNode;\n};\n\nexport type KeyValueListItemData = {\n  key: string;\n  /** Plain text in most cases; a node when the label itself is interactive (e.g. a link). */\n  label: React.ReactNode;\n  value: Value;\n  icon?: React.ReactNode;\n  separator?: React.ReactNode;\n};\n\ntype Value = React.ReactNode | KeyValueListItemValue[];\nexport type KeyValueListProps = {\n  data: KeyValueListItemData[];\n  labelsAreHidden?: boolean;\n  className?: string;\n  isLoading?: boolean;\n  LinkComponent?: LinkComponent;\n};\n\nexport function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkComponent: Link }: KeyValueListProps) {\n  const LabelWrapper = ({ children }: { children: React.ReactNode }) => {\n    return labelsAreHidden ? <VisuallyHidden>{children}</VisuallyHidden> : children;\n  };\n\n  if (!data || data.length === 0) {\n    return null;\n  }\n\n  return (\n    <dl className={cn('grid grid-cols-[auto_1fr] content-start items-start gap-x-4', className)}>\n      {data.map(({ key, label, value, icon, separator }, index) => {\n        const isValueItemArray = Array.isArray(value);\n\n        return (\n          <React.Fragment key={key ?? index}>\n            <dt className={cn('flex min-h-9 items-center justify-between gap-8 text-body text-muted-foreground')}>\n              <span\n                className={cn(\n                  'flex items-center gap-2',\n                  '[&>svg]:size-[1.4em] [&>svg]:text-muted-foreground [&>svg]:opacity-50',\n                  {\n                    '[&>svg]:opacity-20': isLoading,\n                  },\n                )}\n              >\n                {icon} <LabelWrapper>{label}</LabelWrapper>\n              </span>\n              {!labelsAreHidden && (\n                <span className={cn('text-muted-foreground', '[&>svg]:size-[1em] [&>svg]:text-muted-foreground')}>\n                  {separator}\n                </span>\n              )}\n            </dt>\n            <dd\n              className={cn(\n                'flex min-h-9 flex-wrap items-center gap-2 py-1 text-body text-wrap text-foreground',\n                'truncate [&>a]:flex [&>a]:min-h-7 [&>a]:w-auto [&>a]:max-w-full [&>a]:items-center [&>a]:gap-2 [&>a]:rounded-md [&>a]:bg-muted [&>a]:px-2 [&>a]:py-0.5 [&>a]:text-body [&>a]:leading-none [&>a]:text-foreground [&>a]:transition-colors',\n                '[&>a:hover]:bg-fill-subtle [&>a:hover]:text-foreground',\n                '[&>a>svg]:ml-[-0.5em] [&>a>svg]:size-[1em] [&>a>svg]:text-muted-foreground',\n              )}\n            >\n              {isLoading ? (\n                <span\n                  className={cn('w-full rounded-e-lg bg-muted')}\n                  style={{ width: `${Math.floor(Math.random() * (90 - 30 + 1)) + 50}%` }}\n                >\n                  &nbsp;\n                </span>\n              ) : isValueItemArray ? (\n                value?.map(item => {\n                  if (item.path && Link) {\n                    return (\n                      <RelationWrapper description={item.description} key={item.id}>\n                        <Link href={item.path}>\n                          {item?.name} <ChevronRightIcon />\n                        </Link>\n                      </RelationWrapper>\n                    );\n                  }\n                  if (item.path) {\n                    return (\n                      <RelationWrapper description={item.description} key={item.id}>\n                        <a href={item.path}>\n                          {item?.name} <ChevronRightIcon />\n                        </a>\n                      </RelationWrapper>\n                    );\n                  }\n                  return <span key={item.id}>{item?.name}</span>;\n                })\n              ) : (\n                <>{value ? value : <span className=\"text-caption text-muted-foreground\">n/a</span>}</>\n              )}\n            </dd>\n          </React.Fragment>\n        );\n      })}\n    </dl>\n  );\n}\n\ntype RelationWrapperProps = {\n  description?: React.ReactNode;\n  children?: React.ReactNode;\n};\n\nfunction RelationWrapper({ description, children }: RelationWrapperProps) {\n  return description ? (\n    <HoverCard>\n      <HoverCardTrigger render={React.isValidElement(children) ? (children as React.ReactElement) : undefined} />\n      <HoverCardContent className=\"max-w-60 text-center\">{description}</HoverCardContent>\n    </HoverCard>\n  ) : (\n    children\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/components/Label.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const label = require('../label-DxQoIwES.cjs');
+const label = require('../label-DfAhywj_.cjs');
 
 
 

package/dist/components/Label.es.js

@@ -1,2 +1,2 @@
-export { L as Label } from '../label-NULyP-1Q.js';
+export { L as Label } from '../label-Dxsz0dFs.js';
 //# sourceMappingURL=Label.es.js.map

package/dist/components/ListSearch.cjs.js

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

package/dist/components/ListSearch.es.js

@@ -1,2 +1,2 @@
-export { L as ListSearch } from '../list-search-Cg5Y90E8.js';
+export { L as ListSearch } from '../list-search-BTW0Neuc.js';
 //# sourceMappingURL=ListSearch.es.js.map

package/dist/components/Logo.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../Logo.css');const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const LogoWithoutText = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 34 21", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
@@ -43,7 +43,7 @@ function Logo({ className, size = "md", animateOnHover = false, "aria-label": ar
       onMouseEnter: handleMouseEnter,
       onAnimationEnd: handleAnimationEnd,
       className: utils_cn.cn(
-        "logo inline-block text-neutral6",
+        "logo inline-block text-foreground",
         sizeClasses[size],
         animateOnHover && playing && "logo-animate-on-hover",
         className

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

@@ -1 +1 @@
-{"version":3,"file":"Logo.cjs.js","sources":["../../src/ds/components/Logo/MastraLogo.tsx","../../src/ds/components/Logo/logo.tsx"],"sourcesContent":["import React from 'react';\n\nexport const LogoWithoutText = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34 21\" fill=\"none\" {...props}>\n    <path\n      d=\"M4.49805 11.6934C6.98237 11.6934 8.99609 13.7081 8.99609 16.1924C8.9959 18.6765 6.98225 20.6904 4.49805 20.6904C2.01394 20.6903 0.000196352 18.6765 0 16.1924C0 13.7081 2.01382 11.6935 4.49805 11.6934ZM10.3867 0C12.8709 0 14.8846 2.01388 14.8848 4.49805C14.8848 4.8377 14.847 5.16846 14.7755 5.48643C14.4618 6.88139 14.1953 8.4633 14.9928 9.65L16.2575 11.5319C16.3363 11.6491 16.4727 11.7115 16.6137 11.703C16.7369 11.6957 16.8525 11.6343 16.9214 11.5318L18.1876 9.64717C18.9772 8.47198 18.7236 6.90783 18.4205 5.52484C18.3523 5.21392 18.3164 4.89094 18.3164 4.55957C18.3167 2.07546 20.3313 0.0615234 22.8154 0.0615234C25.2994 0.0617476 27.3132 2.0756 27.3135 4.55957C27.3135 4.93883 27.2665 5.30712 27.178 5.65896C26.8547 6.94441 26.5817 8.37932 27.2446 9.52714L28.459 11.6301C28.4819 11.6697 28.5245 11.6934 28.5703 11.6934C31.0545 11.6935 33.0684 13.7081 33.0684 16.1924C33.0682 18.6765 31.0544 20.6903 28.5703 20.6904C26.0861 20.6904 24.0725 18.6765 24.0723 16.1924C24.0723 15.8049 24.1212 15.4288 24.2133 15.0701C24.5458 13.7746 24.8298 12.3251 24.1609 11.1668L23.0044 9.16384C22.9656 9.09659 22.8931 9.05859 22.8154 9.05859C22.7983 9.05859 22.7824 9.06614 22.7728 9.08033L21.4896 10.9895C20.686 12.1851 20.9622 13.781 21.284 15.1851C21.3582 15.5089 21.3975 15.8461 21.3975 16.1924C21.3973 18.6764 19.3834 20.6902 16.8994 20.6904C14.4152 20.6904 12.4006 18.6765 12.4004 16.1924C12.4004 15.932 12.4226 15.6768 12.4651 15.4286C12.6859 14.14 12.8459 12.7122 12.1167 11.6271L11.2419 10.3253C10.6829 9.49347 9.71913 9.05932 8.78286 8.70188C7.0906 8.05584 5.88867 6.41734 5.88867 4.49805C5.88886 2.0139 7.90254 3.29835e-05 10.3867 0Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n","import type { AnimationEvent } from 'react';\nimport { useId, useState } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './logo.css';\n\nconst PATH_D =\n  'M4.49805 11.6934C6.98237 11.6934 8.99609 13.7081 8.99609 16.1924C8.9959 18.6765 6.98225 20.6904 4.49805 20.6904C2.01394 20.6903 0.000196352 18.6765 0 16.1924C0 13.7081 2.01382 11.6935 4.49805 11.6934ZM10.3867 0C12.8709 0 14.8846 2.01388 14.8848 4.49805C14.8848 4.8377 14.847 5.16846 14.7755 5.48643C14.4618 6.88139 14.1953 8.4633 14.9928 9.65L16.2575 11.5319C16.3363 11.6491 16.4727 11.7115 16.6137 11.703C16.7369 11.6957 16.8525 11.6343 16.9214 11.5318L18.1876 9.64717C18.9772 8.47198 18.7236 6.90783 18.4205 5.52484C18.3523 5.21392 18.3164 4.89094 18.3164 4.55957C18.3167 2.07546 20.3313 0.0615234 22.8154 0.0615234C25.2994 0.0617476 27.3132 2.0756 27.3135 4.55957C27.3135 4.93883 27.2665 5.30712 27.178 5.65896C26.8547 6.94441 26.5817 8.37932 27.2446 9.52714L28.459 11.6301C28.4819 11.6697 28.5245 11.6934 28.5703 11.6934C31.0545 11.6935 33.0684 13.7081 33.0684 16.1924C33.0682 18.6765 31.0544 20.6903 28.5703 20.6904C26.0861 20.6904 24.0725 18.6765 24.0723 16.1924C24.0723 15.8049 24.1212 15.4288 24.2133 15.0701C24.5458 13.7746 24.8298 12.3251 24.1609 11.1668L23.0044 9.16384C22.9656 9.09659 22.8931 9.05859 22.8154 9.05859C22.7983 9.05859 22.7824 9.06614 22.7728 9.08033L21.4896 10.9895C20.686 12.1851 20.9622 13.781 21.284 15.1851C21.3582 15.5089 21.3975 15.8461 21.3975 16.1924C21.3973 18.6764 19.3834 20.6902 16.8994 20.6904C14.4152 20.6904 12.4006 18.6765 12.4004 16.1924C12.4004 15.932 12.4226 15.6768 12.4651 15.4286C12.6859 14.14 12.8459 12.7122 12.1167 11.6271L11.2419 10.3253C10.6829 9.49347 9.71913 9.05932 8.78286 8.70188C7.0906 8.05584 5.88867 6.41734 5.88867 4.49805C5.88886 2.0139 7.90254 3.29835e-05 10.3867 0Z';\n\nexport type LogoProps = {\n  className?: string;\n  size?: 'sm' | 'md';\n  animateOnHover?: boolean;\n  'aria-label'?: string;\n};\n\nconst sizeClasses = {\n  sm: 'w-6',\n  md: 'w-10',\n};\n\nfunction prefersReducedMotion() {\n  if (typeof window === 'undefined' || !window.matchMedia) return false;\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\nfunction Logo({ className, size = 'md', animateOnHover = false, 'aria-label': ariaLabel = 'Mastra' }: LogoProps) {\n  const reactId = useId();\n  const clipId = `logo-clip-${reactId.replace(/[^a-zA-Z0-9_-]/g, '')}`;\n  const [playing, setPlaying] = useState(false);\n\n  const handleMouseEnter = animateOnHover\n    ? () => {\n        if (prefersReducedMotion()) return;\n        setPlaying(true);\n      }\n    : undefined;\n  const handleAnimationEnd =\n    animateOnHover && playing\n      ? (e: AnimationEvent<HTMLDivElement>) => {\n          if (e.animationName !== 'logo-stroke-cycle') return;\n          setPlaying(false);\n        }\n      : undefined;\n\n  return (\n    <div\n      role=\"img\"\n      aria-label={ariaLabel}\n      onMouseEnter={handleMouseEnter}\n      onAnimationEnd={handleAnimationEnd}\n      className={cn(\n        'logo inline-block text-neutral6',\n        sizeClasses[size],\n        animateOnHover && playing && 'logo-animate-on-hover',\n        className,\n      )}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 34 21\"\n        fill=\"none\"\n        className=\"logo-svg block h-auto w-full\"\n        aria-hidden=\"true\"\n      >\n        <defs>\n          <clipPath id={clipId}>\n            <path d={PATH_D} />\n          </clipPath>\n        </defs>\n\n        <path className=\"logo-fill\" d={PATH_D} />\n        <path className=\"logo-stroke\" d={PATH_D} clipPath={`url(#${clipId})`} />\n      </svg>\n    </div>\n  );\n}\n\nexport { Logo };\n"],"names":["jsx","useId","useState","cn","jsxs"],"mappings":";;;;;;;;AAEO,MAAM,eAAA,GAAkB,CAAC,KAAA,qBAC9BA,cAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAQ,GAAG,KAAA,EAC1E,QAAA,kBAAAA,cAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,CAAA,EAAE,imDAAA;AAAA,IACF,IAAA,EAAK;AAAA;AACP,CAAA,EACF;;ACDF,MAAM,MAAA,GACJ,imDAAA;AASF,MAAM,WAAA,GAAc;AAAA,EAClB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,SAAS,oBAAA,GAAuB;AAC9B,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,CAAC,MAAA,CAAO,YAAY,OAAO,KAAA;AAChE,EAAA,OAAO,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA,CAAE,OAAA;AAC/D;AAEA,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,IAAA,GAAO,IAAA,EAAM,iBAAiB,KAAA,EAAO,YAAA,EAAc,SAAA,GAAY,QAAA,EAAS,EAAc;AAC/G,EAAA,MAAM,UAAUC,WAAA,EAAM;AACtB,EAAA,MAAM,SAAS,CAAA,UAAA,EAAa,OAAA,CAAQ,OAAA,CAAQ,iBAAA,EAAmB,EAAE,CAAC,CAAA,CAAA;AAClE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,gBAAA,GAAmB,iBACrB,MAAM;AACJ,IAAA,IAAI,sBAAqB,EAAG;AAC5B,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,GACA,MAAA;AACJ,EAAA,MAAM,kBAAA,GACJ,cAAA,IAAkB,OAAA,GACd,CAAC,CAAA,KAAsC;AACrC,IAAA,IAAI,CAAA,CAAE,kBAAkB,mBAAA,EAAqB;AAC7C,IAAA,UAAA,CAAW,KAAK,CAAA;AAAA,EAClB,CAAA,GACA,MAAA;AAEN,EAAA,uBACEF,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,KAAA;AAAA,MACL,YAAA,EAAY,SAAA;AAAA,MACZ,YAAA,EAAc,gBAAA;AAAA,MACd,cAAA,EAAgB,kBAAA;AAAA,MAChB,SAAA,EAAWG,WAAA;AAAA,QACT,iCAAA;AAAA,QACA,YAAY,IAAI,CAAA;AAAA,QAChB,kBAAkB,OAAA,IAAW,uBAAA;AAAA,QAC7B;AAAA,OACF;AAAA,MAEA,QAAA,kBAAAC,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,4BAAA;AAAA,UACN,OAAA,EAAQ,WAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,SAAA,EAAU,8BAAA;AAAA,UACV,aAAA,EAAY,MAAA;AAAA,UAEZ,QAAA,EAAA;AAAA,4BAAAJ,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,EAAA,EAAI,MAAA,EACZ,yCAAC,MAAA,EAAA,EAAK,CAAA,EAAG,MAAA,EAAQ,CAAA,EACnB,CAAA,EACF,CAAA;AAAA,4BAEAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAY,GAAG,MAAA,EAAQ,CAAA;AAAA,4BACvCA,cAAA,CAAC,UAAK,SAAA,EAAU,aAAA,EAAc,GAAG,MAAA,EAAQ,QAAA,EAAU,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAA,CAAA,EAAK;AAAA;AAAA;AAAA;AACxE;AAAA,GACF;AAEJ;;;;;"}
+{"version":3,"file":"Logo.cjs.js","sources":["../../src/ds/components/Logo/MastraLogo.tsx","../../src/ds/components/Logo/logo.tsx"],"sourcesContent":["import React from 'react';\n\nexport const LogoWithoutText = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34 21\" fill=\"none\" {...props}>\n    <path\n      d=\"M4.49805 11.6934C6.98237 11.6934 8.99609 13.7081 8.99609 16.1924C8.9959 18.6765 6.98225 20.6904 4.49805 20.6904C2.01394 20.6903 0.000196352 18.6765 0 16.1924C0 13.7081 2.01382 11.6935 4.49805 11.6934ZM10.3867 0C12.8709 0 14.8846 2.01388 14.8848 4.49805C14.8848 4.8377 14.847 5.16846 14.7755 5.48643C14.4618 6.88139 14.1953 8.4633 14.9928 9.65L16.2575 11.5319C16.3363 11.6491 16.4727 11.7115 16.6137 11.703C16.7369 11.6957 16.8525 11.6343 16.9214 11.5318L18.1876 9.64717C18.9772 8.47198 18.7236 6.90783 18.4205 5.52484C18.3523 5.21392 18.3164 4.89094 18.3164 4.55957C18.3167 2.07546 20.3313 0.0615234 22.8154 0.0615234C25.2994 0.0617476 27.3132 2.0756 27.3135 4.55957C27.3135 4.93883 27.2665 5.30712 27.178 5.65896C26.8547 6.94441 26.5817 8.37932 27.2446 9.52714L28.459 11.6301C28.4819 11.6697 28.5245 11.6934 28.5703 11.6934C31.0545 11.6935 33.0684 13.7081 33.0684 16.1924C33.0682 18.6765 31.0544 20.6903 28.5703 20.6904C26.0861 20.6904 24.0725 18.6765 24.0723 16.1924C24.0723 15.8049 24.1212 15.4288 24.2133 15.0701C24.5458 13.7746 24.8298 12.3251 24.1609 11.1668L23.0044 9.16384C22.9656 9.09659 22.8931 9.05859 22.8154 9.05859C22.7983 9.05859 22.7824 9.06614 22.7728 9.08033L21.4896 10.9895C20.686 12.1851 20.9622 13.781 21.284 15.1851C21.3582 15.5089 21.3975 15.8461 21.3975 16.1924C21.3973 18.6764 19.3834 20.6902 16.8994 20.6904C14.4152 20.6904 12.4006 18.6765 12.4004 16.1924C12.4004 15.932 12.4226 15.6768 12.4651 15.4286C12.6859 14.14 12.8459 12.7122 12.1167 11.6271L11.2419 10.3253C10.6829 9.49347 9.71913 9.05932 8.78286 8.70188C7.0906 8.05584 5.88867 6.41734 5.88867 4.49805C5.88886 2.0139 7.90254 3.29835e-05 10.3867 0Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n","import type { AnimationEvent } from 'react';\nimport { useId, useState } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './logo.css';\n\nconst PATH_D =\n  'M4.49805 11.6934C6.98237 11.6934 8.99609 13.7081 8.99609 16.1924C8.9959 18.6765 6.98225 20.6904 4.49805 20.6904C2.01394 20.6903 0.000196352 18.6765 0 16.1924C0 13.7081 2.01382 11.6935 4.49805 11.6934ZM10.3867 0C12.8709 0 14.8846 2.01388 14.8848 4.49805C14.8848 4.8377 14.847 5.16846 14.7755 5.48643C14.4618 6.88139 14.1953 8.4633 14.9928 9.65L16.2575 11.5319C16.3363 11.6491 16.4727 11.7115 16.6137 11.703C16.7369 11.6957 16.8525 11.6343 16.9214 11.5318L18.1876 9.64717C18.9772 8.47198 18.7236 6.90783 18.4205 5.52484C18.3523 5.21392 18.3164 4.89094 18.3164 4.55957C18.3167 2.07546 20.3313 0.0615234 22.8154 0.0615234C25.2994 0.0617476 27.3132 2.0756 27.3135 4.55957C27.3135 4.93883 27.2665 5.30712 27.178 5.65896C26.8547 6.94441 26.5817 8.37932 27.2446 9.52714L28.459 11.6301C28.4819 11.6697 28.5245 11.6934 28.5703 11.6934C31.0545 11.6935 33.0684 13.7081 33.0684 16.1924C33.0682 18.6765 31.0544 20.6903 28.5703 20.6904C26.0861 20.6904 24.0725 18.6765 24.0723 16.1924C24.0723 15.8049 24.1212 15.4288 24.2133 15.0701C24.5458 13.7746 24.8298 12.3251 24.1609 11.1668L23.0044 9.16384C22.9656 9.09659 22.8931 9.05859 22.8154 9.05859C22.7983 9.05859 22.7824 9.06614 22.7728 9.08033L21.4896 10.9895C20.686 12.1851 20.9622 13.781 21.284 15.1851C21.3582 15.5089 21.3975 15.8461 21.3975 16.1924C21.3973 18.6764 19.3834 20.6902 16.8994 20.6904C14.4152 20.6904 12.4006 18.6765 12.4004 16.1924C12.4004 15.932 12.4226 15.6768 12.4651 15.4286C12.6859 14.14 12.8459 12.7122 12.1167 11.6271L11.2419 10.3253C10.6829 9.49347 9.71913 9.05932 8.78286 8.70188C7.0906 8.05584 5.88867 6.41734 5.88867 4.49805C5.88886 2.0139 7.90254 3.29835e-05 10.3867 0Z';\n\nexport type LogoProps = {\n  className?: string;\n  size?: 'sm' | 'md';\n  animateOnHover?: boolean;\n  'aria-label'?: string;\n};\n\nconst sizeClasses = {\n  sm: 'w-6',\n  md: 'w-10',\n};\n\nfunction prefersReducedMotion() {\n  if (typeof window === 'undefined' || !window.matchMedia) return false;\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\nfunction Logo({ className, size = 'md', animateOnHover = false, 'aria-label': ariaLabel = 'Mastra' }: LogoProps) {\n  const reactId = useId();\n  const clipId = `logo-clip-${reactId.replace(/[^a-zA-Z0-9_-]/g, '')}`;\n  const [playing, setPlaying] = useState(false);\n\n  const handleMouseEnter = animateOnHover\n    ? () => {\n        if (prefersReducedMotion()) return;\n        setPlaying(true);\n      }\n    : undefined;\n  const handleAnimationEnd =\n    animateOnHover && playing\n      ? (e: AnimationEvent<HTMLDivElement>) => {\n          if (e.animationName !== 'logo-stroke-cycle') return;\n          setPlaying(false);\n        }\n      : undefined;\n\n  return (\n    <div\n      role=\"img\"\n      aria-label={ariaLabel}\n      onMouseEnter={handleMouseEnter}\n      onAnimationEnd={handleAnimationEnd}\n      className={cn(\n        'logo inline-block text-foreground',\n        sizeClasses[size],\n        animateOnHover && playing && 'logo-animate-on-hover',\n        className,\n      )}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 34 21\"\n        fill=\"none\"\n        className=\"logo-svg block h-auto w-full\"\n        aria-hidden=\"true\"\n      >\n        <defs>\n          <clipPath id={clipId}>\n            <path d={PATH_D} />\n          </clipPath>\n        </defs>\n\n        <path className=\"logo-fill\" d={PATH_D} />\n        <path className=\"logo-stroke\" d={PATH_D} clipPath={`url(#${clipId})`} />\n      </svg>\n    </div>\n  );\n}\n\nexport { Logo };\n"],"names":["jsx","useId","useState","cn","jsxs"],"mappings":";;;;;;;;AAEO,MAAM,eAAA,GAAkB,CAAC,KAAA,qBAC9BA,cAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAQ,GAAG,KAAA,EAC1E,QAAA,kBAAAA,cAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,CAAA,EAAE,imDAAA;AAAA,IACF,IAAA,EAAK;AAAA;AACP,CAAA,EACF;;ACDF,MAAM,MAAA,GACJ,imDAAA;AASF,MAAM,WAAA,GAAc;AAAA,EAClB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,SAAS,oBAAA,GAAuB;AAC9B,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,CAAC,MAAA,CAAO,YAAY,OAAO,KAAA;AAChE,EAAA,OAAO,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA,CAAE,OAAA;AAC/D;AAEA,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,IAAA,GAAO,IAAA,EAAM,iBAAiB,KAAA,EAAO,YAAA,EAAc,SAAA,GAAY,QAAA,EAAS,EAAc;AAC/G,EAAA,MAAM,UAAUC,WAAA,EAAM;AACtB,EAAA,MAAM,SAAS,CAAA,UAAA,EAAa,OAAA,CAAQ,OAAA,CAAQ,iBAAA,EAAmB,EAAE,CAAC,CAAA,CAAA;AAClE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,gBAAA,GAAmB,iBACrB,MAAM;AACJ,IAAA,IAAI,sBAAqB,EAAG;AAC5B,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,GACA,MAAA;AACJ,EAAA,MAAM,kBAAA,GACJ,cAAA,IAAkB,OAAA,GACd,CAAC,CAAA,KAAsC;AACrC,IAAA,IAAI,CAAA,CAAE,kBAAkB,mBAAA,EAAqB;AAC7C,IAAA,UAAA,CAAW,KAAK,CAAA;AAAA,EAClB,CAAA,GACA,MAAA;AAEN,EAAA,uBACEF,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,KAAA;AAAA,MACL,YAAA,EAAY,SAAA;AAAA,MACZ,YAAA,EAAc,gBAAA;AAAA,MACd,cAAA,EAAgB,kBAAA;AAAA,MAChB,SAAA,EAAWG,WAAA;AAAA,QACT,mCAAA;AAAA,QACA,YAAY,IAAI,CAAA;AAAA,QAChB,kBAAkB,OAAA,IAAW,uBAAA;AAAA,QAC7B;AAAA,OACF;AAAA,MAEA,QAAA,kBAAAC,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,4BAAA;AAAA,UACN,OAAA,EAAQ,WAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,SAAA,EAAU,8BAAA;AAAA,UACV,aAAA,EAAY,MAAA;AAAA,UAEZ,QAAA,EAAA;AAAA,4BAAAJ,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,UAAA,EAAA,EAAS,EAAA,EAAI,MAAA,EACZ,yCAAC,MAAA,EAAA,EAAK,CAAA,EAAG,MAAA,EAAQ,CAAA,EACnB,CAAA,EACF,CAAA;AAAA,4BAEAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAY,GAAG,MAAA,EAAQ,CAAA;AAAA,4BACvCA,cAAA,CAAC,UAAK,SAAA,EAAU,aAAA,EAAc,GAAG,MAAA,EAAQ,QAAA,EAAU,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAA,CAAA,EAAK;AAAA;AAAA;AAAA;AACxE;AAAA,GACF;AAEJ;;;;;"}

package/dist/components/Logo.es.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useId, useState } from 'react';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 import '../Logo.css';const LogoWithoutText = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 34 21", fill: "none", ...props, children: /* @__PURE__ */ jsx(
   "path",
@@ -39,7 +39,7 @@ function Logo({ className, size = "md", animateOnHover = false, "aria-label": ar
       onMouseEnter: handleMouseEnter,
       onAnimationEnd: handleAnimationEnd,
       className: cn(
-        "logo inline-block text-neutral6",
+        "logo inline-block text-foreground",
         sizeClasses[size],
         animateOnHover && playing && "logo-animate-on-hover",
         className

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

@@ -1 +1 @@
-{"version":3,"file":"Logo.es.js","sources":["../../src/ds/components/Logo/MastraLogo.tsx","../../src/ds/components/Logo/logo.tsx"],"sourcesContent":["import React from 'react';\n\nexport const LogoWithoutText = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34 21\" fill=\"none\" {...props}>\n    <path\n      d=\"M4.49805 11.6934C6.98237 11.6934 8.99609 13.7081 8.99609 16.1924C8.9959 18.6765 6.98225 20.6904 4.49805 20.6904C2.01394 20.6903 0.000196352 18.6765 0 16.1924C0 13.7081 2.01382 11.6935 4.49805 11.6934ZM10.3867 0C12.8709 0 14.8846 2.01388 14.8848 4.49805C14.8848 4.8377 14.847 5.16846 14.7755 5.48643C14.4618 6.88139 14.1953 8.4633 14.9928 9.65L16.2575 11.5319C16.3363 11.6491 16.4727 11.7115 16.6137 11.703C16.7369 11.6957 16.8525 11.6343 16.9214 11.5318L18.1876 9.64717C18.9772 8.47198 18.7236 6.90783 18.4205 5.52484C18.3523 5.21392 18.3164 4.89094 18.3164 4.55957C18.3167 2.07546 20.3313 0.0615234 22.8154 0.0615234C25.2994 0.0617476 27.3132 2.0756 27.3135 4.55957C27.3135 4.93883 27.2665 5.30712 27.178 5.65896C26.8547 6.94441 26.5817 8.37932 27.2446 9.52714L28.459 11.6301C28.4819 11.6697 28.5245 11.6934 28.5703 11.6934C31.0545 11.6935 33.0684 13.7081 33.0684 16.1924C33.0682 18.6765 31.0544 20.6903 28.5703 20.6904C26.0861 20.6904 24.0725 18.6765 24.0723 16.1924C24.0723 15.8049 24.1212 15.4288 24.2133 15.0701C24.5458 13.7746 24.8298 12.3251 24.1609 11.1668L23.0044 9.16384C22.9656 9.09659 22.8931 9.05859 22.8154 9.05859C22.7983 9.05859 22.7824 9.06614 22.7728 9.08033L21.4896 10.9895C20.686 12.1851 20.9622 13.781 21.284 15.1851C21.3582 15.5089 21.3975 15.8461 21.3975 16.1924C21.3973 18.6764 19.3834 20.6902 16.8994 20.6904C14.4152 20.6904 12.4006 18.6765 12.4004 16.1924C12.4004 15.932 12.4226 15.6768 12.4651 15.4286C12.6859 14.14 12.8459 12.7122 12.1167 11.6271L11.2419 10.3253C10.6829 9.49347 9.71913 9.05932 8.78286 8.70188C7.0906 8.05584 5.88867 6.41734 5.88867 4.49805C5.88886 2.0139 7.90254 3.29835e-05 10.3867 0Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n","import type { AnimationEvent } from 'react';\nimport { useId, useState } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './logo.css';\n\nconst PATH_D =\n  'M4.49805 11.6934C6.98237 11.6934 8.99609 13.7081 8.99609 16.1924C8.9959 18.6765 6.98225 20.6904 4.49805 20.6904C2.01394 20.6903 0.000196352 18.6765 0 16.1924C0 13.7081 2.01382 11.6935 4.49805 11.6934ZM10.3867 0C12.8709 0 14.8846 2.01388 14.8848 4.49805C14.8848 4.8377 14.847 5.16846 14.7755 5.48643C14.4618 6.88139 14.1953 8.4633 14.9928 9.65L16.2575 11.5319C16.3363 11.6491 16.4727 11.7115 16.6137 11.703C16.7369 11.6957 16.8525 11.6343 16.9214 11.5318L18.1876 9.64717C18.9772 8.47198 18.7236 6.90783 18.4205 5.52484C18.3523 5.21392 18.3164 4.89094 18.3164 4.55957C18.3167 2.07546 20.3313 0.0615234 22.8154 0.0615234C25.2994 0.0617476 27.3132 2.0756 27.3135 4.55957C27.3135 4.93883 27.2665 5.30712 27.178 5.65896C26.8547 6.94441 26.5817 8.37932 27.2446 9.52714L28.459 11.6301C28.4819 11.6697 28.5245 11.6934 28.5703 11.6934C31.0545 11.6935 33.0684 13.7081 33.0684 16.1924C33.0682 18.6765 31.0544 20.6903 28.5703 20.6904C26.0861 20.6904 24.0725 18.6765 24.0723 16.1924C24.0723 15.8049 24.1212 15.4288 24.2133 15.0701C24.5458 13.7746 24.8298 12.3251 24.1609 11.1668L23.0044 9.16384C22.9656 9.09659 22.8931 9.05859 22.8154 9.05859C22.7983 9.05859 22.7824 9.06614 22.7728 9.08033L21.4896 10.9895C20.686 12.1851 20.9622 13.781 21.284 15.1851C21.3582 15.5089 21.3975 15.8461 21.3975 16.1924C21.3973 18.6764 19.3834 20.6902 16.8994 20.6904C14.4152 20.6904 12.4006 18.6765 12.4004 16.1924C12.4004 15.932 12.4226 15.6768 12.4651 15.4286C12.6859 14.14 12.8459 12.7122 12.1167 11.6271L11.2419 10.3253C10.6829 9.49347 9.71913 9.05932 8.78286 8.70188C7.0906 8.05584 5.88867 6.41734 5.88867 4.49805C5.88886 2.0139 7.90254 3.29835e-05 10.3867 0Z';\n\nexport type LogoProps = {\n  className?: string;\n  size?: 'sm' | 'md';\n  animateOnHover?: boolean;\n  'aria-label'?: string;\n};\n\nconst sizeClasses = {\n  sm: 'w-6',\n  md: 'w-10',\n};\n\nfunction prefersReducedMotion() {\n  if (typeof window === 'undefined' || !window.matchMedia) return false;\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\nfunction Logo({ className, size = 'md', animateOnHover = false, 'aria-label': ariaLabel = 'Mastra' }: LogoProps) {\n  const reactId = useId();\n  const clipId = `logo-clip-${reactId.replace(/[^a-zA-Z0-9_-]/g, '')}`;\n  const [playing, setPlaying] = useState(false);\n\n  const handleMouseEnter = animateOnHover\n    ? () => {\n        if (prefersReducedMotion()) return;\n        setPlaying(true);\n      }\n    : undefined;\n  const handleAnimationEnd =\n    animateOnHover && playing\n      ? (e: AnimationEvent<HTMLDivElement>) => {\n          if (e.animationName !== 'logo-stroke-cycle') return;\n          setPlaying(false);\n        }\n      : undefined;\n\n  return (\n    <div\n      role=\"img\"\n      aria-label={ariaLabel}\n      onMouseEnter={handleMouseEnter}\n      onAnimationEnd={handleAnimationEnd}\n      className={cn(\n        'logo inline-block text-neutral6',\n        sizeClasses[size],\n        animateOnHover && playing && 'logo-animate-on-hover',\n        className,\n      )}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 34 21\"\n        fill=\"none\"\n        className=\"logo-svg block h-auto w-full\"\n        aria-hidden=\"true\"\n      >\n        <defs>\n          <clipPath id={clipId}>\n            <path d={PATH_D} />\n          </clipPath>\n        </defs>\n\n        <path className=\"logo-fill\" d={PATH_D} />\n        <path className=\"logo-stroke\" d={PATH_D} clipPath={`url(#${clipId})`} />\n      </svg>\n    </div>\n  );\n}\n\nexport { Logo };\n"],"names":[],"mappings":";;;;AAEO,MAAM,eAAA,GAAkB,CAAC,KAAA,qBAC9B,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAQ,GAAG,KAAA,EAC1E,QAAA,kBAAA,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,CAAA,EAAE,imDAAA;AAAA,IACF,IAAA,EAAK;AAAA;AACP,CAAA,EACF;;ACDF,MAAM,MAAA,GACJ,imDAAA;AASF,MAAM,WAAA,GAAc;AAAA,EAClB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,SAAS,oBAAA,GAAuB;AAC9B,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,CAAC,MAAA,CAAO,YAAY,OAAO,KAAA;AAChE,EAAA,OAAO,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA,CAAE,OAAA;AAC/D;AAEA,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,IAAA,GAAO,IAAA,EAAM,iBAAiB,KAAA,EAAO,YAAA,EAAc,SAAA,GAAY,QAAA,EAAS,EAAc;AAC/G,EAAA,MAAM,UAAU,KAAA,EAAM;AACtB,EAAA,MAAM,SAAS,CAAA,UAAA,EAAa,OAAA,CAAQ,OAAA,CAAQ,iBAAA,EAAmB,EAAE,CAAC,CAAA,CAAA;AAClE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,gBAAA,GAAmB,iBACrB,MAAM;AACJ,IAAA,IAAI,sBAAqB,EAAG;AAC5B,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,GACA,MAAA;AACJ,EAAA,MAAM,kBAAA,GACJ,cAAA,IAAkB,OAAA,GACd,CAAC,CAAA,KAAsC;AACrC,IAAA,IAAI,CAAA,CAAE,kBAAkB,mBAAA,EAAqB;AAC7C,IAAA,UAAA,CAAW,KAAK,CAAA;AAAA,EAClB,CAAA,GACA,MAAA;AAEN,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,KAAA;AAAA,MACL,YAAA,EAAY,SAAA;AAAA,MACZ,YAAA,EAAc,gBAAA;AAAA,MACd,cAAA,EAAgB,kBAAA;AAAA,MAChB,SAAA,EAAW,EAAA;AAAA,QACT,iCAAA;AAAA,QACA,YAAY,IAAI,CAAA;AAAA,QAChB,kBAAkB,OAAA,IAAW,uBAAA;AAAA,QAC7B;AAAA,OACF;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,4BAAA;AAAA,UACN,OAAA,EAAQ,WAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,SAAA,EAAU,8BAAA;AAAA,UACV,aAAA,EAAY,MAAA;AAAA,UAEZ,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAS,EAAA,EAAI,MAAA,EACZ,8BAAC,MAAA,EAAA,EAAK,CAAA,EAAG,MAAA,EAAQ,CAAA,EACnB,CAAA,EACF,CAAA;AAAA,4BAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAY,GAAG,MAAA,EAAQ,CAAA;AAAA,4BACvC,GAAA,CAAC,UAAK,SAAA,EAAU,aAAA,EAAc,GAAG,MAAA,EAAQ,QAAA,EAAU,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAA,CAAA,EAAK;AAAA;AAAA;AAAA;AACxE;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"Logo.es.js","sources":["../../src/ds/components/Logo/MastraLogo.tsx","../../src/ds/components/Logo/logo.tsx"],"sourcesContent":["import React from 'react';\n\nexport const LogoWithoutText = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34 21\" fill=\"none\" {...props}>\n    <path\n      d=\"M4.49805 11.6934C6.98237 11.6934 8.99609 13.7081 8.99609 16.1924C8.9959 18.6765 6.98225 20.6904 4.49805 20.6904C2.01394 20.6903 0.000196352 18.6765 0 16.1924C0 13.7081 2.01382 11.6935 4.49805 11.6934ZM10.3867 0C12.8709 0 14.8846 2.01388 14.8848 4.49805C14.8848 4.8377 14.847 5.16846 14.7755 5.48643C14.4618 6.88139 14.1953 8.4633 14.9928 9.65L16.2575 11.5319C16.3363 11.6491 16.4727 11.7115 16.6137 11.703C16.7369 11.6957 16.8525 11.6343 16.9214 11.5318L18.1876 9.64717C18.9772 8.47198 18.7236 6.90783 18.4205 5.52484C18.3523 5.21392 18.3164 4.89094 18.3164 4.55957C18.3167 2.07546 20.3313 0.0615234 22.8154 0.0615234C25.2994 0.0617476 27.3132 2.0756 27.3135 4.55957C27.3135 4.93883 27.2665 5.30712 27.178 5.65896C26.8547 6.94441 26.5817 8.37932 27.2446 9.52714L28.459 11.6301C28.4819 11.6697 28.5245 11.6934 28.5703 11.6934C31.0545 11.6935 33.0684 13.7081 33.0684 16.1924C33.0682 18.6765 31.0544 20.6903 28.5703 20.6904C26.0861 20.6904 24.0725 18.6765 24.0723 16.1924C24.0723 15.8049 24.1212 15.4288 24.2133 15.0701C24.5458 13.7746 24.8298 12.3251 24.1609 11.1668L23.0044 9.16384C22.9656 9.09659 22.8931 9.05859 22.8154 9.05859C22.7983 9.05859 22.7824 9.06614 22.7728 9.08033L21.4896 10.9895C20.686 12.1851 20.9622 13.781 21.284 15.1851C21.3582 15.5089 21.3975 15.8461 21.3975 16.1924C21.3973 18.6764 19.3834 20.6902 16.8994 20.6904C14.4152 20.6904 12.4006 18.6765 12.4004 16.1924C12.4004 15.932 12.4226 15.6768 12.4651 15.4286C12.6859 14.14 12.8459 12.7122 12.1167 11.6271L11.2419 10.3253C10.6829 9.49347 9.71913 9.05932 8.78286 8.70188C7.0906 8.05584 5.88867 6.41734 5.88867 4.49805C5.88886 2.0139 7.90254 3.29835e-05 10.3867 0Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n","import type { AnimationEvent } from 'react';\nimport { useId, useState } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './logo.css';\n\nconst PATH_D =\n  'M4.49805 11.6934C6.98237 11.6934 8.99609 13.7081 8.99609 16.1924C8.9959 18.6765 6.98225 20.6904 4.49805 20.6904C2.01394 20.6903 0.000196352 18.6765 0 16.1924C0 13.7081 2.01382 11.6935 4.49805 11.6934ZM10.3867 0C12.8709 0 14.8846 2.01388 14.8848 4.49805C14.8848 4.8377 14.847 5.16846 14.7755 5.48643C14.4618 6.88139 14.1953 8.4633 14.9928 9.65L16.2575 11.5319C16.3363 11.6491 16.4727 11.7115 16.6137 11.703C16.7369 11.6957 16.8525 11.6343 16.9214 11.5318L18.1876 9.64717C18.9772 8.47198 18.7236 6.90783 18.4205 5.52484C18.3523 5.21392 18.3164 4.89094 18.3164 4.55957C18.3167 2.07546 20.3313 0.0615234 22.8154 0.0615234C25.2994 0.0617476 27.3132 2.0756 27.3135 4.55957C27.3135 4.93883 27.2665 5.30712 27.178 5.65896C26.8547 6.94441 26.5817 8.37932 27.2446 9.52714L28.459 11.6301C28.4819 11.6697 28.5245 11.6934 28.5703 11.6934C31.0545 11.6935 33.0684 13.7081 33.0684 16.1924C33.0682 18.6765 31.0544 20.6903 28.5703 20.6904C26.0861 20.6904 24.0725 18.6765 24.0723 16.1924C24.0723 15.8049 24.1212 15.4288 24.2133 15.0701C24.5458 13.7746 24.8298 12.3251 24.1609 11.1668L23.0044 9.16384C22.9656 9.09659 22.8931 9.05859 22.8154 9.05859C22.7983 9.05859 22.7824 9.06614 22.7728 9.08033L21.4896 10.9895C20.686 12.1851 20.9622 13.781 21.284 15.1851C21.3582 15.5089 21.3975 15.8461 21.3975 16.1924C21.3973 18.6764 19.3834 20.6902 16.8994 20.6904C14.4152 20.6904 12.4006 18.6765 12.4004 16.1924C12.4004 15.932 12.4226 15.6768 12.4651 15.4286C12.6859 14.14 12.8459 12.7122 12.1167 11.6271L11.2419 10.3253C10.6829 9.49347 9.71913 9.05932 8.78286 8.70188C7.0906 8.05584 5.88867 6.41734 5.88867 4.49805C5.88886 2.0139 7.90254 3.29835e-05 10.3867 0Z';\n\nexport type LogoProps = {\n  className?: string;\n  size?: 'sm' | 'md';\n  animateOnHover?: boolean;\n  'aria-label'?: string;\n};\n\nconst sizeClasses = {\n  sm: 'w-6',\n  md: 'w-10',\n};\n\nfunction prefersReducedMotion() {\n  if (typeof window === 'undefined' || !window.matchMedia) return false;\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\nfunction Logo({ className, size = 'md', animateOnHover = false, 'aria-label': ariaLabel = 'Mastra' }: LogoProps) {\n  const reactId = useId();\n  const clipId = `logo-clip-${reactId.replace(/[^a-zA-Z0-9_-]/g, '')}`;\n  const [playing, setPlaying] = useState(false);\n\n  const handleMouseEnter = animateOnHover\n    ? () => {\n        if (prefersReducedMotion()) return;\n        setPlaying(true);\n      }\n    : undefined;\n  const handleAnimationEnd =\n    animateOnHover && playing\n      ? (e: AnimationEvent<HTMLDivElement>) => {\n          if (e.animationName !== 'logo-stroke-cycle') return;\n          setPlaying(false);\n        }\n      : undefined;\n\n  return (\n    <div\n      role=\"img\"\n      aria-label={ariaLabel}\n      onMouseEnter={handleMouseEnter}\n      onAnimationEnd={handleAnimationEnd}\n      className={cn(\n        'logo inline-block text-foreground',\n        sizeClasses[size],\n        animateOnHover && playing && 'logo-animate-on-hover',\n        className,\n      )}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 34 21\"\n        fill=\"none\"\n        className=\"logo-svg block h-auto w-full\"\n        aria-hidden=\"true\"\n      >\n        <defs>\n          <clipPath id={clipId}>\n            <path d={PATH_D} />\n          </clipPath>\n        </defs>\n\n        <path className=\"logo-fill\" d={PATH_D} />\n        <path className=\"logo-stroke\" d={PATH_D} clipPath={`url(#${clipId})`} />\n      </svg>\n    </div>\n  );\n}\n\nexport { Logo };\n"],"names":[],"mappings":";;;;AAEO,MAAM,eAAA,GAAkB,CAAC,KAAA,qBAC9B,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAQ,GAAG,KAAA,EAC1E,QAAA,kBAAA,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,CAAA,EAAE,imDAAA;AAAA,IACF,IAAA,EAAK;AAAA;AACP,CAAA,EACF;;ACDF,MAAM,MAAA,GACJ,imDAAA;AASF,MAAM,WAAA,GAAc;AAAA,EAClB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,SAAS,oBAAA,GAAuB;AAC9B,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,CAAC,MAAA,CAAO,YAAY,OAAO,KAAA;AAChE,EAAA,OAAO,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA,CAAE,OAAA;AAC/D;AAEA,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,IAAA,GAAO,IAAA,EAAM,iBAAiB,KAAA,EAAO,YAAA,EAAc,SAAA,GAAY,QAAA,EAAS,EAAc;AAC/G,EAAA,MAAM,UAAU,KAAA,EAAM;AACtB,EAAA,MAAM,SAAS,CAAA,UAAA,EAAa,OAAA,CAAQ,OAAA,CAAQ,iBAAA,EAAmB,EAAE,CAAC,CAAA,CAAA;AAClE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,gBAAA,GAAmB,iBACrB,MAAM;AACJ,IAAA,IAAI,sBAAqB,EAAG;AAC5B,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,GACA,MAAA;AACJ,EAAA,MAAM,kBAAA,GACJ,cAAA,IAAkB,OAAA,GACd,CAAC,CAAA,KAAsC;AACrC,IAAA,IAAI,CAAA,CAAE,kBAAkB,mBAAA,EAAqB;AAC7C,IAAA,UAAA,CAAW,KAAK,CAAA;AAAA,EAClB,CAAA,GACA,MAAA;AAEN,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,KAAA;AAAA,MACL,YAAA,EAAY,SAAA;AAAA,MACZ,YAAA,EAAc,gBAAA;AAAA,MACd,cAAA,EAAgB,kBAAA;AAAA,MAChB,SAAA,EAAW,EAAA;AAAA,QACT,mCAAA;AAAA,QACA,YAAY,IAAI,CAAA;AAAA,QAChB,kBAAkB,OAAA,IAAW,uBAAA;AAAA,QAC7B;AAAA,OACF;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,4BAAA;AAAA,UACN,OAAA,EAAQ,WAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,SAAA,EAAU,8BAAA;AAAA,UACV,aAAA,EAAY,MAAA;AAAA,UAEZ,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAS,EAAA,EAAI,MAAA,EACZ,8BAAC,MAAA,EAAA,EAAK,CAAA,EAAG,MAAA,EAAQ,CAAA,EACnB,CAAA,EACF,CAAA;AAAA,4BAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAY,GAAG,MAAA,EAAQ,CAAA;AAAA,4BACvC,GAAA,CAAC,UAAK,SAAA,EAAU,aAAA,EAAc,GAAG,MAAA,EAAQ,QAAA,EAAU,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAA,CAAA,EAAK;AAAA;AAAA;AAAA;AACxE;AAAA,GACF;AAEJ;;;;"}

package/dist/components/LogsDataList.cjs.js

@@ -2,10 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const logsDataList = require('../logs-data-list-B1FY1A2A.cjs');
-const dataListSkeleton = require('../data-list-skeleton-CFaGBKDb.cjs');
-require('react');
-require('../keyboard/keyboard-shortcuts-context.cjs.js');
+const logsDataList = require('../logs-data-list-BSHJPGi6.cjs');
+const dataListSkeleton = require('../data-list-skeleton-ADXw-opu.cjs');
 
 
 

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

@@ -1 +1 @@
-{"version":3,"file":"LogsDataList.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"LogsDataList.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/LogsDataList.es.js

@@ -1,5 +1,3 @@
-export { L as LogsDataList } from '../logs-data-list-DZz_YVd2.js';
-export { D as LogsDataListSkeleton } from '../data-list-skeleton-CQQydcpj.js';
-import 'react';
-import '../keyboard/keyboard-shortcuts-context.es.js';
+export { L as LogsDataList } from '../logs-data-list-CG-UgC_x.js';
+export { D as LogsDataListSkeleton } from '../data-list-skeleton-D7-glFuk.js';
 //# sourceMappingURL=LogsDataList.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LogsDataList.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"LogsDataList.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/MainContent.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const pageHeadingContext = require('../page-heading-context-Du-CpxAx.cjs');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 function MainContentLayout({
   children,

package/dist/components/MainContent.es.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { u as usePageHeading } from '../page-heading-context-D3yjYoJE.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 function MainContentLayout({
   children,

package/dist/components/MainHeader.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 function MainHeaderColumn({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid content-start", className), children });
@@ -13,9 +13,13 @@ function MainHeaderDescription({ children, isLoading }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
-      className: utils_cn.cn("max-w-140 mt-1 ml-1 flex flex-wrap gap-x-4 gap-y-1 text-ui-sm text-neutral3 first-of-type:mt-3", {
-        "bg-surface4 w-[40rem] max-w-[80%] rounded-md animate-pulse": isLoading
-      }),
+      className: utils_cn.cn(
+        "max-w-140 mt-1 ml-1 flex flex-wrap gap-x-4 gap-y-1 first-of-type:mt-3",
+        "text-caption text-muted-foreground",
+        {
+          "w-[40rem] max-w-[80%] animate-pulse rounded-md bg-fill": isLoading
+        }
+      ),
       children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: " " }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children })
     }
   );
@@ -48,10 +52,10 @@ function MainHeaderRoot({
       "h1",
       {
         className: utils_cn.cn(
-          "flex items-center gap-2 text-header-md font-normal text-neutral6",
-          "[&>svg]:size-6 [&>svg]:text-neutral3",
+          "flex items-center gap-2 text-heading text-foreground",
+          "[&>svg]:size-6 [&>svg]:text-muted-foreground",
           {
-            "bg-surface4 w-60 max-w-[50%] rounded-md animate-pulse": titleIsLoading
+            "bg-muted w-60 max-w-[50%] rounded-md animate-pulse": titleIsLoading
           }
         ),
         children: titleIsLoading ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: " " }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -64,8 +68,8 @@ function MainHeaderRoot({
     description && /* @__PURE__ */ jsxRuntime.jsx(
       "p",
       {
-        className: utils_cn.cn("m-0 text-ui-sm text-neutral4", {
-          "bg-surface4 w-[40rem] max-w-[80%] rounded-md animate-pulse": descriptionIsLoading
+        className: utils_cn.cn("m-0 text-caption text-muted-foreground", {
+          "bg-muted w-[40rem] max-w-[80%] rounded-md animate-pulse": descriptionIsLoading
         }),
         children: descriptionIsLoading ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: " " }) : description
       }
@@ -73,19 +77,17 @@ function MainHeaderRoot({
   ] });
 }
 
-function MainHeaderTitle({ children, isLoading, size = "default" }) {
+function MainHeaderTitle({ children, isLoading }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "h1",
     {
       className: utils_cn.cn(
-        "flex items-center gap-2 text-header-md font-normal text-neutral5",
+        "flex items-center gap-2",
+        "text-heading text-foreground",
         "[&>svg]:size-[1.25em] [&>svg]:opacity-50",
-        {
-          "bg-surface4 w-60 max-w-[50%] rounded-md animate-pulse": isLoading,
-          "text-ui-md": size === "smaller"
-        }
+        isLoading && "w-60 max-w-[50%] animate-pulse rounded-md bg-fill"
       ),
-      children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: " " }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children })
+      children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: " " }) : children
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"MainHeader.cjs.js","sources":["../../src/ds/components/MainHeader/main-header-column.tsx","../../src/ds/components/MainHeader/main-header-description.tsx","../../src/ds/components/MainHeader/main-header-root.tsx","../../src/ds/components/MainHeader/main-header-title.tsx","../../src/ds/components/MainHeader/main-header.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type MainHeaderColumnProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function MainHeaderColumn({ children, className }: MainHeaderColumnProps) {\n  return <div className={cn('grid content-start', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type MainHeaderDescriptionProps = {\n  children?: React.ReactNode;\n  isLoading?: boolean;\n};\n\nexport function MainHeaderDescription({ children, isLoading }: MainHeaderDescriptionProps) {\n  return (\n    <p\n      className={cn('max-w-140 mt-1 ml-1 flex flex-wrap gap-x-4 gap-y-1 text-ui-sm text-neutral3 first-of-type:mt-3', {\n        'bg-surface4 w-[40rem] max-w-[80%] rounded-md animate-pulse': isLoading,\n      })}\n    >\n      {isLoading ? <>&nbsp;</> : <>{children}</>}\n    </p>\n  );\n}\n","import React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface MainHeaderRootProps {\n  children?: React.ReactNode;\n  title?: string | 'loading';\n  description?: string | 'loading';\n  icon?: React.ReactNode;\n  withMargins?: boolean;\n  className?: string;\n}\n\nexport function MainHeaderRoot({\n  children,\n  title,\n  description,\n  icon,\n  className,\n  withMargins = true,\n}: MainHeaderRootProps) {\n  const titleIsLoading = title === 'loading';\n  const descriptionIsLoading = description === 'loading';\n\n  return children ? (\n    <header\n      className={cn(\n        'grid w-full grid-cols-[1fr_auto] gap-8',\n        {\n          'mt-6 mb-4': withMargins,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  ) : (\n    <header className={cn('grid gap-1 py-3', className)}>\n      <h1\n        className={cn(\n          'flex items-center gap-2 text-header-md font-normal text-neutral6',\n          '[&>svg]:size-6 [&>svg]:text-neutral3',\n          {\n            'bg-surface4 w-60 max-w-[50%] rounded-md animate-pulse': titleIsLoading,\n          },\n        )}\n      >\n        {titleIsLoading ? (\n          <>&nbsp;</>\n        ) : (\n          <>\n            {icon && icon} {title}\n          </>\n        )}\n      </h1>\n      {description && (\n        <p\n          className={cn('m-0 text-ui-sm text-neutral4', {\n            'bg-surface4 w-[40rem] max-w-[80%] rounded-md animate-pulse': descriptionIsLoading,\n          })}\n        >\n          {descriptionIsLoading ? <>&nbsp;</> : description}\n        </p>\n      )}\n    </header>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type MainHeaderTitleProps = {\n  children?: React.ReactNode;\n  isLoading?: boolean;\n  size?: 'default' | 'smaller';\n};\n\nexport function MainHeaderTitle({ children, isLoading, size = 'default' }: MainHeaderTitleProps) {\n  return (\n    <h1\n      className={cn(\n        'flex items-center gap-2 text-header-md font-normal text-neutral5',\n        '[&>svg]:size-[1.25em] [&>svg]:opacity-50',\n        {\n          'bg-surface4 w-60 max-w-[50%] rounded-md animate-pulse': isLoading,\n          'text-ui-md': size === 'smaller',\n        },\n      )}\n    >\n      {isLoading ? <>&nbsp;</> : <>{children}</>}\n    </h1>\n  );\n}\n","import { MainHeaderColumn } from './main-header-column';\nimport { MainHeaderDescription } from './main-header-description';\nimport { MainHeaderRoot } from './main-header-root';\nimport { MainHeaderTitle } from './main-header-title';\n\nexport { type MainHeaderRootProps } from './main-header-root';\nexport { type MainHeaderTitleProps } from './main-header-title';\nexport { type MainHeaderDescriptionProps } from './main-header-description';\nexport { type MainHeaderColumnProps } from './main-header-column';\n\nexport const MainHeader = Object.assign(MainHeaderRoot, {\n  Title: MainHeaderTitle,\n  Description: MainHeaderDescription,\n  Column: MainHeaderColumn,\n});\n"],"names":["cn","jsx","Fragment","jsxs"],"mappings":"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"}
+{"version":3,"file":"MainHeader.cjs.js","sources":["../../src/ds/components/MainHeader/main-header-column.tsx","../../src/ds/components/MainHeader/main-header-description.tsx","../../src/ds/components/MainHeader/main-header-root.tsx","../../src/ds/components/MainHeader/main-header-title.tsx","../../src/ds/components/MainHeader/main-header.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type MainHeaderColumnProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function MainHeaderColumn({ children, className }: MainHeaderColumnProps) {\n  return <div className={cn('grid content-start', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type MainHeaderDescriptionProps = {\n  children?: React.ReactNode;\n  isLoading?: boolean;\n};\n\nexport function MainHeaderDescription({ children, isLoading }: MainHeaderDescriptionProps) {\n  return (\n    <p\n      className={cn(\n        'max-w-140 mt-1 ml-1 flex flex-wrap gap-x-4 gap-y-1 first-of-type:mt-3',\n        'text-caption text-muted-foreground',\n        {\n          'w-[40rem] max-w-[80%] animate-pulse rounded-md bg-fill': isLoading,\n        },\n      )}\n    >\n      {isLoading ? <>&nbsp;</> : <>{children}</>}\n    </p>\n  );\n}\n","import React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface MainHeaderRootProps {\n  children?: React.ReactNode;\n  title?: string | 'loading';\n  description?: string | 'loading';\n  icon?: React.ReactNode;\n  withMargins?: boolean;\n  className?: string;\n}\n\nexport function MainHeaderRoot({\n  children,\n  title,\n  description,\n  icon,\n  className,\n  withMargins = true,\n}: MainHeaderRootProps) {\n  const titleIsLoading = title === 'loading';\n  const descriptionIsLoading = description === 'loading';\n\n  return children ? (\n    <header\n      className={cn(\n        'grid w-full grid-cols-[1fr_auto] gap-8',\n        {\n          'mt-6 mb-4': withMargins,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  ) : (\n    <header className={cn('grid gap-1 py-3', className)}>\n      <h1\n        className={cn(\n          'flex items-center gap-2 text-heading text-foreground',\n          '[&>svg]:size-6 [&>svg]:text-muted-foreground',\n          {\n            'bg-muted w-60 max-w-[50%] rounded-md animate-pulse': titleIsLoading,\n          },\n        )}\n      >\n        {titleIsLoading ? (\n          <>&nbsp;</>\n        ) : (\n          <>\n            {icon && icon} {title}\n          </>\n        )}\n      </h1>\n      {description && (\n        <p\n          className={cn('m-0 text-caption text-muted-foreground', {\n            'bg-muted w-[40rem] max-w-[80%] rounded-md animate-pulse': descriptionIsLoading,\n          })}\n        >\n          {descriptionIsLoading ? <>&nbsp;</> : description}\n        </p>\n      )}\n    </header>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type MainHeaderTitleProps = {\n  children?: React.ReactNode;\n  isLoading?: boolean;\n};\n\nexport function MainHeaderTitle({ children, isLoading }: MainHeaderTitleProps) {\n  return (\n    <h1\n      className={cn(\n        'flex items-center gap-2',\n        'text-heading text-foreground',\n        '[&>svg]:size-[1.25em] [&>svg]:opacity-50',\n        isLoading && 'w-60 max-w-[50%] animate-pulse rounded-md bg-fill',\n      )}\n    >\n      {isLoading ? <>&nbsp;</> : children}\n    </h1>\n  );\n}\n","import { MainHeaderColumn } from './main-header-column';\nimport { MainHeaderDescription } from './main-header-description';\nimport { MainHeaderRoot } from './main-header-root';\nimport { MainHeaderTitle } from './main-header-title';\n\nexport { type MainHeaderRootProps } from './main-header-root';\nexport { type MainHeaderTitleProps } from './main-header-title';\nexport { type MainHeaderDescriptionProps } from './main-header-description';\nexport { type MainHeaderColumnProps } from './main-header-column';\n\nexport const MainHeader = Object.assign(MainHeaderRoot, {\n  Title: MainHeaderTitle,\n  Description: MainHeaderDescription,\n  Column: MainHeaderColumn,\n});\n"],"names":["cn","jsx","Fragment","jsxs"],"mappings":";;;;;;;AAOO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA0B;AAC/E,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,oBAAA,EAAsB,SAAS,GAAI,QAAA,EAAS,CAAA;AACxE;;ACFO,SAAS,qBAAA,CAAsB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA+B;AACzF,EAAA,uBACEC,cAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,WAAA;AAAA,QACT,uEAAA;AAAA,QACA,oCAAA;AAAA,QACA;AAAA,UACE,wDAAA,EAA0D;AAAA;AAC5D,OACF;AAAA,MAEC,QAAA,EAAA,SAAA,mBAAYC,cAAA,CAAAC,mBAAA,EAAA,EAAE,QAAA,EAAA,GAAA,EAAM,CAAA,yDAAS,QAAA,EAAS;AAAA;AAAA,GACzC;AAEJ;;ACTO,SAAS,cAAA,CAAe;AAAA,EAC7B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAAwB;AACtB,EAAA,MAAM,iBAAiB,KAAA,KAAU,SAAA;AACjC,EAAA,MAAM,uBAAuB,WAAA,KAAgB,SAAA;AAE7C,EAAA,OAAO,QAAA,mBACLD,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,WAAA;AAAA,QACT,wCAAA;AAAA,QACA;AAAA,UACE,WAAA,EAAa;AAAA,SACf;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,sBAGHG,eAAA,CAAC,QAAA,EAAA,EAAO,WAAWH,WAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA,EAChD,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWD,WAAA;AAAA,UACT,sDAAA;AAAA,UACA,8CAAA;AAAA,UACA;AAAA,YACE,oDAAA,EAAsD;AAAA;AACxD,SACF;AAAA,QAEC,QAAA,EAAA,cAAA,mBACCC,cAAA,CAAAC,mBAAA,EAAA,EAAE,QAAA,EAAA,GAAA,EAAM,CAAA,mBAERC,eAAA,CAAAD,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,IAAA,IAAQ,IAAA;AAAA,UAAK,GAAA;AAAA,UAAE;AAAA,SAAA,EAClB;AAAA;AAAA,KAEJ;AAAA,IACC,WAAA,oBACCD,cAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWD,YAAG,wCAAA,EAA0C;AAAA,UACtD,yDAAA,EAA2D;AAAA,SAC5D,CAAA;AAAA,QAEA,QAAA,EAAA,oBAAA,mBAAuBC,cAAA,CAAAC,mBAAA,EAAA,EAAE,QAAA,EAAA,GAAA,EAAM,CAAA,GAAM;AAAA;AAAA;AACxC,GAAA,EAEJ,CAAA;AAEJ;;AC1DO,SAAS,eAAA,CAAgB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAyB;AAC7E,EAAA,uBACED,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,WAAA;AAAA,QACT,yBAAA;AAAA,QACA,8BAAA;AAAA,QACA,0CAAA;AAAA,QACA,SAAA,IAAa;AAAA,OACf;AAAA,MAEC,QAAA,EAAA,SAAA,mBAAYC,cAAA,CAAAC,mBAAA,EAAA,EAAE,QAAA,EAAA,GAAA,EAAM,CAAA,GAAM;AAAA;AAAA,GAC7B;AAEJ;;ACVO,MAAM,UAAA,GAAa,MAAA,CAAO,MAAA,CAAO,cAAA,EAAgB;AAAA,EACtD,KAAA,EAAO,eAAA;AAAA,EACP,WAAA,EAAa,qBAAA;AAAA,EACb,MAAA,EAAQ;AACV,CAAC;;;;"}