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

package/dist/components/ThreadList.es.js

@@ -1,72 +1,2 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { X } from 'lucide-react';
-import { createElement } from 'react';
-import { c as cn } from '../cn-65Adrsfj.js';
-import { raisedSurfaceStyle } from '../primitives/raised-surface.es.js';
-import { B as Button } from '../Button-B8nF87ai.js';
-import { T as Txt } from '../Txt-BP1SRHmL.js';
-
-const ThreadList = ({ children, "aria-label": ariaLabel = "Threads", embedded = false }) => {
-  return /* @__PURE__ */ jsx("div", { className: cn("size-full", !embedded && "pb-2 pl-2"), children: /* @__PURE__ */ jsx(
-    "nav",
-    {
-      "aria-label": ariaLabel,
-      className: cn(
-        "flex h-full flex-col gap-1 overflow-y-auto p-1",
-        !embedded && cn(raisedSurfaceStyle, "rounded-studio-panel")
-      ),
-      children
-    }
-  ) });
-};
-const ThreadListNewItem = ({ render, children }) => {
-  return /* @__PURE__ */ jsx(Button, { render, variant: "ghost", className: "w-full justify-start rounded-xl px-3", children });
-};
-const ThreadListSeparator = () => /* @__PURE__ */ jsx("div", { role: "separator", "aria-orientation": "horizontal", className: "-mx-1 my-1 h-px bg-border/40" });
-const ThreadListItems = ({ children }) => /* @__PURE__ */ jsx("ol", { className: "flex flex-col gap-1", "data-testid": "thread-list", children });
-const ThreadListItem = ({
-  as,
-  href,
-  to,
-  isActive,
-  onClick,
-  onDelete,
-  deleteLabel = "delete",
-  className,
-  children
-}) => {
-  return /* @__PURE__ */ jsxs("li", { className: "group relative", children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        render: as ? createElement(as, { href, to }) : void 0,
-        onClick,
-        variant: "ghost",
-        className: cn(
-          "w-full min-w-0 justify-start rounded-xl px-3 text-left",
-          onDelete && "pr-9",
-          isActive && "bg-fill-hover text-foreground",
-          className
-        ),
-        children: /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children })
-      }
-    ),
-    onDelete && /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "ghost",
-        size: "icon-sm",
-        className: "absolute top-1/2 right-1 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100",
-        onClick: onDelete,
-        "aria-label": deleteLabel,
-        children: /* @__PURE__ */ jsx(X, {})
-      }
-    )
-  ] });
-};
-const ThreadListEmpty = ({ children }) => {
-  return /* @__PURE__ */ jsx(Txt, { as: "p", variant: "caption", tone: "muted", className: "px-3 py-2", children });
-};
-
-export { ThreadList, ThreadListEmpty, ThreadListItem, ThreadListItems, ThreadListNewItem, ThreadListSeparator };
+export { T as ThreadList, a as ThreadListEmpty, b as ThreadListItem, c as ThreadListItems, d as ThreadListNewItem, e as ThreadListSeparator } from '../thread-list-DAVEf0g7.js';
 //# sourceMappingURL=ThreadList.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadList.es.js","sources":["../../src/ds/components/ThreadList/thread-list.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { createElement, type ElementType, type MouseEvent, type ReactNode } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { raisedSurfaceStyle } from '../../primitives/raised-surface';\nimport { Button, type ButtonProps } from '../Button';\nimport { Txt } from '../Txt';\n\nexport interface ThreadListProps {\n  children: ReactNode;\n  'aria-label'?: string;\n  /**\n   * When true, drops the standalone block chrome (background, border, rounded corners, inset)\n   * so the list can render flush inside an outer container without nesting a second box.\n   */\n  embedded?: boolean;\n}\n\nexport const ThreadList = ({ children, 'aria-label': ariaLabel = 'Threads', embedded = false }: ThreadListProps) => {\n  return (\n    <div className={cn('size-full', !embedded && 'pb-2 pl-2')}>\n      <nav\n        aria-label={ariaLabel}\n        className={cn(\n          'flex h-full flex-col gap-1 overflow-y-auto p-1',\n          !embedded && cn(raisedSurfaceStyle, 'rounded-studio-panel'),\n        )}\n      >\n        {children}\n      </nav>\n    </div>\n  );\n};\n\nexport interface ThreadListNewItemProps {\n  render?: ButtonProps['render'];\n  children: ReactNode;\n}\n\nexport const ThreadListNewItem = ({ render, children }: ThreadListNewItemProps) => {\n  return (\n    <Button render={render} variant=\"ghost\" className=\"w-full justify-start rounded-xl px-3\">\n      {children}\n    </Button>\n  );\n};\n\nexport const ThreadListSeparator = () => (\n  <div role=\"separator\" aria-orientation=\"horizontal\" className=\"-mx-1 my-1 h-px bg-border/40\" />\n);\n\nexport interface ThreadListItemsProps {\n  children: ReactNode;\n}\n\nexport const ThreadListItems = ({ children }: ThreadListItemsProps) => (\n  <ol className=\"flex flex-col gap-1\" data-testid=\"thread-list\">\n    {children}\n  </ol>\n);\n\nexport interface ThreadListItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  isActive?: boolean;\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: () => void;\n  deleteLabel?: string;\n  className?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListItem = ({\n  as,\n  href,\n  to,\n  isActive,\n  onClick,\n  onDelete,\n  deleteLabel = 'delete',\n  className,\n  children,\n}: ThreadListItemProps) => {\n  return (\n    <li className=\"group relative\">\n      <Button\n        render={as ? createElement(as, { href, to }) : undefined}\n        onClick={onClick}\n        variant=\"ghost\"\n        className={cn(\n          'w-full min-w-0 justify-start rounded-xl px-3 text-left',\n          onDelete && 'pr-9',\n          isActive && 'bg-fill-hover text-foreground',\n          className,\n        )}\n      >\n        <span className=\"min-w-0 flex-1\">{children}</span>\n      </Button>\n\n      {onDelete && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          className=\"absolute top-1/2 right-1 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100\"\n          onClick={onDelete}\n          aria-label={deleteLabel}\n        >\n          <X />\n        </Button>\n      )}\n    </li>\n  );\n};\n\nexport interface ThreadListEmptyProps {\n  children: ReactNode;\n}\n\nexport const ThreadListEmpty = ({ children }: ThreadListEmptyProps) => {\n  return (\n    <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"px-3 py-2\">\n      {children}\n    </Txt>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAkBO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,cAAc,SAAA,GAAY,SAAA,EAAW,QAAA,GAAW,KAAA,EAAM,KAAuB;AAClH,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,aAAa,CAAC,QAAA,IAAY,WAAW,CAAA,EACtD,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,gDAAA;AAAA,QACA,CAAC,QAAA,IAAY,EAAA,CAAG,kBAAA,EAAoB,sBAAsB;AAAA,OAC5D;AAAA,MAEC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAOO,MAAM,iBAAA,GAAoB,CAAC,EAAE,MAAA,EAAQ,UAAS,KAA8B;AACjF,EAAA,2BACG,MAAA,EAAA,EAAO,MAAA,EAAgB,SAAQ,OAAA,EAAQ,SAAA,EAAU,wCAC/C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,mBAAA,GAAsB,sBACjC,GAAA,CAAC,KAAA,EAAA,EAAI,MAAK,WAAA,EAAY,kBAAA,EAAiB,YAAA,EAAa,SAAA,EAAU,8BAAA,EAA+B;AAOxF,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,qBACzC,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAY,aAAA,EAC7C,QAAA,EACH;AAeK,MAAM,iBAAiB,CAAC;AAAA,EAC7B,EAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,SAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,KAAK,aAAA,CAAc,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,CAAA,GAAI,MAAA;AAAA,QAC/C,OAAA;AAAA,QACA,OAAA,EAAQ,OAAA;AAAA,QACR,SAAA,EAAW,EAAA;AAAA,UACT,wDAAA;AAAA,UACA,QAAA,IAAY,MAAA;AAAA,UACZ,QAAA,IAAY,+BAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAS;AAAA;AAAA,KAC7C;AAAA,IAEC,QAAA,oBACC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAU,+HAAA;AAAA,QACV,OAAA,EAAS,QAAA;AAAA,QACT,YAAA,EAAY,WAAA;AAAA,QAEZ,8BAAC,CAAA,EAAA,EAAE;AAAA;AAAA;AACL,GAAA,EAEJ,CAAA;AAEJ;AAMO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAA4B;AACrE,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,WAAA,EAClD,QAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ThreadList.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}