@mastra/playground-ui 33.0.0-alpha.2 → 33.0.0-alpha.4

package/dist/tree-P2k9UCFX.cjs

@@ -0,0 +1,233 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const transitions = require('./transitions-DpczSjmD.cjs');
+const utils = require('./utils-vA5sWo9W.cjs');
+const collapsible = require('./collapsible-CDSgJ39O.cjs');
+const lucideReact = require('lucide-react');
+
+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 TreeContext = React__namespace.createContext(null);
+function TreeProvider({ children, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TreeContext.Provider, { value, children });
+}
+function useTreeContext() {
+  return React__namespace.useContext(TreeContext);
+}
+const TreeDepthContext = React__namespace.createContext(0);
+function TreeDepthProvider({ children, depth }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TreeDepthContext.Provider, { value: depth, children });
+}
+function useTreeDepth() {
+  return React__namespace.useContext(TreeDepthContext);
+}
+
+const TreeFile = React__namespace.forwardRef(({ id, className, children }, ref) => {
+  const treeCtx = useTreeContext();
+  const depth = useTreeDepth();
+  const isSelected = id != null && treeCtx?.selectedId === id;
+  const handleClick = () => {
+    if (id != null && treeCtx?.onSelect) {
+      treeCtx.onSelect(id);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if ((e.key === "Enter" || e.key === " ") && id != null && treeCtx?.onSelect) {
+      e.preventDefault();
+      treeCtx.onSelect(id);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "li",
+    {
+      ref,
+      role: "treeitem",
+      "aria-selected": isSelected || void 0,
+      tabIndex: 0,
+      className: utils.cn(
+        "group flex h-7 min-w-0 cursor-pointer items-center gap-1.5 rounded-sm px-1",
+        transitions.transitions.colors,
+        transitions.focusRing.visible,
+        "hover:bg-surface4",
+        isSelected && "bg-surface4 text-neutral6",
+        className
+      ),
+      style: { paddingLeft: depth * 12 + 18 },
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      children
+    }
+  );
+});
+TreeFile.displayName = "Tree.File";
+
+const TreeFolder = React__namespace.forwardRef(
+  ({ defaultOpen, open, onOpenChange, className, children }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { ref, role: "treeitem", className: utils.cn("flex flex-col", className), children: /* @__PURE__ */ jsxRuntime.jsx(collapsible.Collapsible, { defaultOpen, open, onOpenChange, children }) });
+  }
+);
+TreeFolder.displayName = "Tree.Folder";
+
+const TreeFolderContent = React__namespace.forwardRef(
+  ({ className, children }, ref) => {
+    const depth = useTreeDepth();
+    return /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { ref, className: utils.cn(className), children: /* @__PURE__ */ jsxRuntime.jsx(TreeDepthProvider, { depth: depth + 1, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "group", className: "flex flex-col", children }) }) });
+  }
+);
+TreeFolderContent.displayName = "Tree.FolderContent";
+
+const TreeFolderTrigger = React__namespace.forwardRef(
+  ({ className, children, actions }, ref) => {
+    const depth = useTreeDepth();
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: utils.cn(
+          "group flex h-7 min-w-0 w-full items-center rounded-sm hover:bg-surface4",
+          transitions.transitions.colors,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            collapsible.CollapsibleTrigger,
+            {
+              className: utils.cn(
+                "flex h-7 min-w-0 flex-1 cursor-pointer items-center gap-1.5 rounded-sm px-1",
+                transitions.focusRing.visible
+              ),
+              style: { paddingLeft: depth * 12 },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-3 shrink-0 text-neutral3" }),
+                children
+              ]
+            }
+          ),
+          actions && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 pr-1", onClick: (e) => e.stopPropagation(), children: actions })
+        ]
+      }
+    );
+  }
+);
+TreeFolderTrigger.displayName = "Tree.FolderTrigger";
+
+const TreeIcon = React__namespace.forwardRef(({ className, children }, ref) => /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: utils.cn("flex shrink-0 items-center [&>svg]:size-3.5", className), children }));
+TreeIcon.displayName = "Tree.Icon";
+
+const TreeInput = React__namespace.forwardRef(
+  ({ type, onSubmit, onCancel, defaultValue = "", placeholder, autoFocus = true, className }, ref) => {
+    const depth = useTreeDepth();
+    const inputRef = React__namespace.useRef(null);
+    const submittedRef = React__namespace.useRef(false);
+    const handleSubmit = React__namespace.useCallback(
+      (value) => {
+        if (submittedRef.current) return;
+        const trimmed = value.trim();
+        if (trimmed) {
+          submittedRef.current = true;
+          onSubmit(trimmed);
+        } else {
+          onCancel?.();
+        }
+      },
+      [onSubmit, onCancel]
+    );
+    const handleKeyDown = React__namespace.useCallback(
+      (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          handleSubmit(e.currentTarget.value);
+        } else if (e.key === "Escape") {
+          e.preventDefault();
+          onCancel?.();
+        }
+      },
+      [handleSubmit, onCancel]
+    );
+    const handleBlur = React__namespace.useCallback(
+      (e) => {
+        handleSubmit(e.currentTarget.value);
+      },
+      [handleSubmit]
+    );
+    const handleFocus = React__namespace.useCallback((e) => {
+      e.currentTarget.select();
+    }, []);
+    const Icon = type === "folder" ? lucideReact.Folder : lucideReact.File;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        ref,
+        role: "treeitem",
+        className: utils.cn(
+          "group flex h-7 min-w-0 items-center gap-1.5 rounded-sm px-1",
+          transitions.transitions.colors,
+          "focus-within:outline-hidden focus-within:ring-1 focus-within:ring-accent1 focus-within:shadow-focus-ring",
+          className
+        ),
+        style: { paddingLeft: depth * 12 + 18 },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center [&>svg]:size-3.5", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "text-neutral3" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              defaultValue,
+              placeholder,
+              autoFocus,
+              onKeyDown: handleKeyDown,
+              onBlur: handleBlur,
+              onFocus: handleFocus,
+              className: "min-w-0 flex-1 border-none bg-transparent text-xs text-neutral5 outline-hidden placeholder:text-neutral3"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+TreeInput.displayName = "Tree.Input";
+
+const TreeLabel = React__namespace.forwardRef(({ className, children }, ref) => /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: utils.cn("truncate text-neutral5", className), children }));
+TreeLabel.displayName = "Tree.Label";
+
+const TreeRoot = React__namespace.forwardRef(
+  ({ selectedId, onSelect, className, children }, ref) => {
+    const contextValue = React__namespace.useMemo(() => ({ selectedId, onSelect }), [selectedId, onSelect]);
+    return /* @__PURE__ */ jsxRuntime.jsx(TreeProvider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(TreeDepthProvider, { depth: 0, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, role: "tree", className: utils.cn("flex flex-col text-xs", className), children }) }) });
+  }
+);
+TreeRoot.displayName = "Tree";
+
+const Tree = Object.assign(TreeRoot, {
+  Folder: TreeFolder,
+  FolderTrigger: TreeFolderTrigger,
+  FolderContent: TreeFolderContent,
+  File: TreeFile,
+  Icon: TreeIcon,
+  Label: TreeLabel,
+  Input: TreeInput
+});
+
+exports.Tree = Tree;
+//# sourceMappingURL=tree-P2k9UCFX.cjs.map

package/dist/tree-P2k9UCFX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-P2k9UCFX.cjs","sources":["../src/ds/components/Tree/tree-context.tsx","../src/ds/components/Tree/tree-file.tsx","../src/ds/components/Tree/tree-folder.tsx","../src/ds/components/Tree/tree-folder-content.tsx","../src/ds/components/Tree/tree-folder-trigger.tsx","../src/ds/components/Tree/tree-icon.tsx","../src/ds/components/Tree/tree-input.tsx","../src/ds/components/Tree/tree-label.tsx","../src/ds/components/Tree/tree-root.tsx","../src/ds/components/Tree/tree.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface TreeContextValue {\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n}\n\nconst TreeContext = React.createContext<TreeContextValue | null>(null);\n\nexport function TreeProvider({ children, value }: { children: React.ReactNode; value: TreeContextValue }) {\n  return <TreeContext.Provider value={value}>{children}</TreeContext.Provider>;\n}\n\nexport function useTreeContext(): TreeContextValue | null {\n  return React.useContext(TreeContext);\n}\n\nconst TreeDepthContext = React.createContext<number>(0);\n\nexport function TreeDepthProvider({ children, depth }: { children: React.ReactNode; depth: number }) {\n  return <TreeDepthContext.Provider value={depth}>{children}</TreeDepthContext.Provider>;\n}\n\nexport function useTreeDepth(): number {\n  return React.useContext(TreeDepthContext);\n}\n","import * as React from 'react';\nimport { useTreeContext, useTreeDepth } from './tree-context';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFileProps {\n  id?: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFile = React.forwardRef<HTMLLIElement, TreeFileProps>(({ id, className, children }, ref) => {\n  const treeCtx = useTreeContext();\n  const depth = useTreeDepth();\n  const isSelected = id != null && treeCtx?.selectedId === id;\n\n  const handleClick = () => {\n    if (id != null && treeCtx?.onSelect) {\n      treeCtx.onSelect(id);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if ((e.key === 'Enter' || e.key === ' ') && id != null && treeCtx?.onSelect) {\n      e.preventDefault();\n      treeCtx.onSelect(id);\n    }\n  };\n\n  return (\n    <li\n      ref={ref}\n      role=\"treeitem\"\n      aria-selected={isSelected || undefined}\n      tabIndex={0}\n      className={cn(\n        'group flex h-7 min-w-0 cursor-pointer items-center gap-1.5 rounded-sm px-1',\n        transitions.colors,\n        focusRing.visible,\n        'hover:bg-surface4',\n        isSelected && 'bg-surface4 text-neutral6',\n        className,\n      )}\n      // +18 offsets past the chevron (size-3 = 12px) + flex gap (gap-1.5 = 6px) that folders have\n      style={{ paddingLeft: depth * 12 + 18 }}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </li>\n  );\n});\nTreeFile.displayName = 'Tree.File';\n","import * as React from 'react';\nimport { Collapsible } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderProps {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFolder = React.forwardRef<HTMLLIElement, TreeFolderProps>(\n  ({ defaultOpen, open, onOpenChange, className, children }, ref) => {\n    return (\n      <li ref={ref} role=\"treeitem\" className={cn('flex flex-col', className)}>\n        <Collapsible defaultOpen={defaultOpen} open={open} onOpenChange={onOpenChange}>\n          {children}\n        </Collapsible>\n      </li>\n    );\n  },\n);\nTreeFolder.displayName = 'Tree.Folder';\n","import * as React from 'react';\nimport { useTreeDepth, TreeDepthProvider } from './tree-context';\nimport { CollapsibleContent } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderContentProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFolderContent = React.forwardRef<HTMLDivElement, TreeFolderContentProps>(\n  ({ className, children }, ref) => {\n    const depth = useTreeDepth();\n\n    return (\n      <CollapsibleContent ref={ref} className={cn(className)}>\n        <TreeDepthProvider depth={depth + 1}>\n          <ul role=\"group\" className=\"flex flex-col\">\n            {children}\n          </ul>\n        </TreeDepthProvider>\n      </CollapsibleContent>\n    );\n  },\n);\nTreeFolderContent.displayName = 'Tree.FolderContent';\n","import { ChevronRight } from 'lucide-react';\nimport * as React from 'react';\nimport { useTreeDepth } from './tree-context';\nimport { CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderTriggerProps {\n  className?: string;\n  children: React.ReactNode;\n  actions?: React.ReactNode;\n}\n\nexport const TreeFolderTrigger = React.forwardRef<HTMLDivElement, TreeFolderTriggerProps>(\n  ({ className, children, actions }, ref) => {\n    const depth = useTreeDepth();\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'group flex h-7 min-w-0 w-full items-center rounded-sm hover:bg-surface4',\n          transitions.colors,\n          className,\n        )}\n      >\n        <CollapsibleTrigger\n          className={cn(\n            'flex h-7 min-w-0 flex-1 cursor-pointer items-center gap-1.5 rounded-sm px-1',\n            focusRing.visible,\n          )}\n          style={{ paddingLeft: depth * 12 }}\n        >\n          <ChevronRight className=\"size-3 shrink-0 text-neutral3\" />\n          {children}\n        </CollapsibleTrigger>\n        {actions && (\n          <span className=\"shrink-0 pr-1\" onClick={e => e.stopPropagation()}>\n            {actions}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\nTreeFolderTrigger.displayName = 'Tree.FolderTrigger';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeIconProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeIcon = React.forwardRef<HTMLSpanElement, TreeIconProps>(({ className, children }, ref) => (\n  <span ref={ref} className={cn('flex shrink-0 items-center [&>svg]:size-3.5', className)}>\n    {children}\n  </span>\n));\nTreeIcon.displayName = 'Tree.Icon';\n","import { File, Folder } from 'lucide-react';\nimport * as React from 'react';\nimport { useTreeDepth } from './tree-context';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeInputProps {\n  type: 'file' | 'folder';\n  onSubmit: (name: string) => void;\n  onCancel?: () => void;\n  defaultValue?: string;\n  placeholder?: string;\n  autoFocus?: boolean;\n  className?: string;\n}\n\nexport const TreeInput = React.forwardRef<HTMLLIElement, TreeInputProps>(\n  ({ type, onSubmit, onCancel, defaultValue = '', placeholder, autoFocus = true, className }, ref) => {\n    const depth = useTreeDepth();\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const submittedRef = React.useRef(false);\n\n    const handleSubmit = React.useCallback(\n      (value: string) => {\n        if (submittedRef.current) return;\n        const trimmed = value.trim();\n        if (trimmed) {\n          submittedRef.current = true;\n          onSubmit(trimmed);\n        } else {\n          onCancel?.();\n        }\n      },\n      [onSubmit, onCancel],\n    );\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          handleSubmit(e.currentTarget.value);\n        } else if (e.key === 'Escape') {\n          e.preventDefault();\n          onCancel?.();\n        }\n      },\n      [handleSubmit, onCancel],\n    );\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        handleSubmit(e.currentTarget.value);\n      },\n      [handleSubmit],\n    );\n\n    const handleFocus = React.useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n      e.currentTarget.select();\n    }, []);\n\n    const Icon = type === 'folder' ? Folder : File;\n\n    return (\n      <li\n        ref={ref}\n        role=\"treeitem\"\n        className={cn(\n          'group flex h-7 min-w-0 items-center gap-1.5 rounded-sm px-1',\n          transitions.colors,\n          'focus-within:outline-hidden focus-within:ring-1 focus-within:ring-accent1 focus-within:shadow-focus-ring',\n          className,\n        )}\n        style={{ paddingLeft: depth * 12 + 18 }}\n      >\n        <span className=\"flex shrink-0 items-center [&>svg]:size-3.5\">\n          <Icon className=\"text-neutral3\" />\n        </span>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          defaultValue={defaultValue}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          onFocus={handleFocus}\n          className=\"min-w-0 flex-1 border-none bg-transparent text-xs text-neutral5 outline-hidden placeholder:text-neutral3\"\n        />\n      </li>\n    );\n  },\n);\nTreeInput.displayName = 'Tree.Input';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeLabelProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeLabel = React.forwardRef<HTMLSpanElement, TreeLabelProps>(({ className, children }, ref) => (\n  <span ref={ref} className={cn('truncate text-neutral5', className)}>\n    {children}\n  </span>\n));\nTreeLabel.displayName = 'Tree.Label';\n","import * as React from 'react';\nimport { TreeProvider, TreeDepthProvider } from './tree-context';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeRootProps {\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeRoot = React.forwardRef<HTMLUListElement, TreeRootProps>(\n  ({ selectedId, onSelect, className, children }, ref) => {\n    const contextValue = React.useMemo(() => ({ selectedId, onSelect }), [selectedId, onSelect]);\n\n    return (\n      <TreeProvider value={contextValue}>\n        <TreeDepthProvider depth={0}>\n          <ul ref={ref} role=\"tree\" className={cn('flex flex-col text-xs', className)}>\n            {children}\n          </ul>\n        </TreeDepthProvider>\n      </TreeProvider>\n    );\n  },\n);\nTreeRoot.displayName = 'Tree';\n","import { TreeFile } from './tree-file';\nimport { TreeFolder } from './tree-folder';\nimport { TreeFolderContent } from './tree-folder-content';\nimport { TreeFolderTrigger } from './tree-folder-trigger';\nimport { TreeIcon } from './tree-icon';\nimport { TreeInput } from './tree-input';\nimport { TreeLabel } from './tree-label';\nimport { TreeRoot } from './tree-root';\n\nexport const Tree = Object.assign(TreeRoot, {\n  Folder: TreeFolder,\n  FolderTrigger: TreeFolderTrigger,\n  FolderContent: TreeFolderContent,\n  File: TreeFile,\n  Icon: TreeIcon,\n  Label: TreeLabel,\n  Input: TreeInput,\n});\n"],"names":["React","jsx","cn","transitions","focusRing","Collapsible","CollapsibleContent","jsxs","CollapsibleTrigger","ChevronRight","Folder","File"],"mappings":"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"}

package/dist/truncate-B2kAcoie.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { C as CopyButton } from './copy-button-DDKn1NUS.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-DehuxlSR.js';
+import { T as Txt } from './Txt-AhytBlTj.js';
+import { c as cn } from './utils-CzYGxqbG.js';
+
+function Truncate({
+  children,
+  untilChar,
+  charCount,
+  copy,
+  withTooltip = true,
+  className,
+  as = "span",
+  ...txtProps
+}) {
+  const fullText = children;
+  let truncatedText = fullText;
+  let isTruncated = false;
+  if (untilChar !== void 0) {
+    const index = fullText.indexOf(untilChar);
+    if (index !== -1) {
+      truncatedText = fullText.slice(0, index);
+      isTruncated = true;
+    }
+  } else if (charCount !== void 0 && fullText.length > charCount) {
+    truncatedText = fullText.slice(0, charCount);
+    isTruncated = true;
+  }
+  if (!isTruncated) {
+    return /* @__PURE__ */ jsx(Txt, { as, className, ...txtProps, children: fullText });
+  }
+  const truncatedContent = /* @__PURE__ */ jsxs(Txt, { as: "span", className: "cursor-default", variant: txtProps.variant, font: txtProps.font, children: [
+    truncatedText,
+    "..."
+  ] });
+  return /* @__PURE__ */ jsxs(Txt, { as, className: cn("group inline-flex items-center gap-1", className), ...txtProps, children: [
+    withTooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: truncatedContent }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: fullText })
+    ] }) : truncatedContent,
+    copy && /* @__PURE__ */ jsx(CopyButton, { content: fullText, className: "opacity-0 group-hover:opacity-100 transition-opacity" })
+  ] });
+}
+
+export { Truncate as T };
+//# sourceMappingURL=truncate-B2kAcoie.js.map

package/dist/truncate-B2kAcoie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncate-B2kAcoie.js","sources":["../src/ds/components/Truncate/truncate.tsx"],"sourcesContent":["import { CopyButton } from '@/ds/components/CopyButton';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface TruncateProps extends Omit<TxtProps, 'children'> {\n  children: string;\n  untilChar?: string;\n  charCount?: number;\n  copy?: boolean;\n  withTooltip?: boolean;\n}\n\nexport function Truncate({\n  children,\n  untilChar,\n  charCount,\n  copy,\n  withTooltip = true,\n  className,\n  as = 'span',\n  ...txtProps\n}: TruncateProps) {\n  const fullText = children;\n\n  let truncatedText = fullText;\n  let isTruncated = false;\n\n  if (untilChar !== undefined) {\n    const index = fullText.indexOf(untilChar);\n    if (index !== -1) {\n      truncatedText = fullText.slice(0, index);\n      isTruncated = true;\n    }\n  } else if (charCount !== undefined && fullText.length > charCount) {\n    truncatedText = fullText.slice(0, charCount);\n    isTruncated = true;\n  }\n\n  if (!isTruncated) {\n    return (\n      <Txt as={as} className={className} {...txtProps}>\n        {fullText}\n      </Txt>\n    );\n  }\n\n  const truncatedContent = (\n    <Txt as=\"span\" className=\"cursor-default\" variant={txtProps.variant} font={txtProps.font}>\n      {truncatedText}...\n    </Txt>\n  );\n\n  return (\n    <Txt as={as} className={cn('group inline-flex items-center gap-1', className)} {...txtProps}>\n      {withTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{truncatedContent}</TooltipTrigger>\n          <TooltipContent>{fullText}</TooltipContent>\n        </Tooltip>\n      ) : (\n        truncatedContent\n      )}\n      {copy && <CopyButton content={fullText} className=\"opacity-0 group-hover:opacity-100 transition-opacity\" />}\n    </Txt>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAcO,SAAS,QAAA,CAAS;AAAA,EACvB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,SAAA;AAAA,EACA,EAAA,GAAK,MAAA;AAAA,EACL,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,QAAA,GAAW,QAAA;AAEjB,EAAA,IAAI,aAAA,GAAgB,QAAA;AACpB,EAAA,IAAI,WAAA,GAAc,KAAA;AAElB,EAAA,IAAI,cAAc,MAAA,EAAW;AAC3B,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,SAAS,CAAA;AACxC,IAAA,IAAI,UAAU,EAAA,EAAI;AAChB,MAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,KAAK,CAAA;AACvC,MAAA,WAAA,GAAc,IAAA;AAAA,IAChB;AAAA,EACF,CAAA,MAAA,IAAW,SAAA,KAAc,MAAA,IAAa,QAAA,CAAS,SAAS,SAAA,EAAW;AACjE,IAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA;AAC3C,IAAA,WAAA,GAAc,IAAA;AAAA,EAChB;AAEA,EAAA,IAAI,CAAC,WAAA,EAAa;AAChB,IAAA,2BACG,GAAA,EAAA,EAAI,EAAA,EAAQ,SAAA,EAAuB,GAAG,UACpC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,gBAAA,mBACJ,IAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,SAAA,EAAU,gBAAA,EAAiB,OAAA,EAAS,QAAA,CAAS,OAAA,EAAS,IAAA,EAAM,QAAA,CAAS,IAAA,EACjF,QAAA,EAAA;AAAA,IAAA,aAAA;AAAA,IAAc;AAAA,GAAA,EACjB,CAAA;AAGF,EAAA,uBACE,IAAA,CAAC,OAAI,EAAA,EAAQ,SAAA,EAAW,GAAG,sCAAA,EAAwC,SAAS,CAAA,EAAI,GAAG,QAAA,EAChF,QAAA,EAAA;AAAA,IAAA,WAAA,wBACE,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,sBAC1C,GAAA,CAAC,kBAAgB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC5B,CAAA,GAEA,gBAAA;AAAA,IAED,wBAAQ,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,QAAA,EAAU,WAAU,sDAAA,EAAuD;AAAA,GAAA,EAC3G,CAAA;AAEJ;;;;"}

package/dist/truncate-mOutaqxm.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const copyButton = require('./copy-button-lrxHKwwi.cjs');
+const tooltip = require('./tooltip-j8gUR1Qk.cjs');
+const Txt = require('./Txt-Cmn4ug68.cjs');
+const utils = require('./utils-vA5sWo9W.cjs');
+
+function Truncate({
+  children,
+  untilChar,
+  charCount,
+  copy,
+  withTooltip = true,
+  className,
+  as = "span",
+  ...txtProps
+}) {
+  const fullText = children;
+  let truncatedText = fullText;
+  let isTruncated = false;
+  if (untilChar !== void 0) {
+    const index = fullText.indexOf(untilChar);
+    if (index !== -1) {
+      truncatedText = fullText.slice(0, index);
+      isTruncated = true;
+    }
+  } else if (charCount !== void 0 && fullText.length > charCount) {
+    truncatedText = fullText.slice(0, charCount);
+    isTruncated = true;
+  }
+  if (!isTruncated) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as, className, ...txtProps, children: fullText });
+  }
+  const truncatedContent = /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { as: "span", className: "cursor-default", variant: txtProps.variant, font: txtProps.font, children: [
+    truncatedText,
+    "..."
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { as, className: utils.cn("group inline-flex items-center gap-1", className), ...txtProps, children: [
+    withTooltip ? /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: truncatedContent }),
+      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: fullText })
+    ] }) : truncatedContent,
+    copy && /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: fullText, className: "opacity-0 group-hover:opacity-100 transition-opacity" })
+  ] });
+}
+
+exports.Truncate = Truncate;
+//# sourceMappingURL=truncate-mOutaqxm.cjs.map

package/dist/truncate-mOutaqxm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncate-mOutaqxm.cjs","sources":["../src/ds/components/Truncate/truncate.tsx"],"sourcesContent":["import { CopyButton } from '@/ds/components/CopyButton';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface TruncateProps extends Omit<TxtProps, 'children'> {\n  children: string;\n  untilChar?: string;\n  charCount?: number;\n  copy?: boolean;\n  withTooltip?: boolean;\n}\n\nexport function Truncate({\n  children,\n  untilChar,\n  charCount,\n  copy,\n  withTooltip = true,\n  className,\n  as = 'span',\n  ...txtProps\n}: TruncateProps) {\n  const fullText = children;\n\n  let truncatedText = fullText;\n  let isTruncated = false;\n\n  if (untilChar !== undefined) {\n    const index = fullText.indexOf(untilChar);\n    if (index !== -1) {\n      truncatedText = fullText.slice(0, index);\n      isTruncated = true;\n    }\n  } else if (charCount !== undefined && fullText.length > charCount) {\n    truncatedText = fullText.slice(0, charCount);\n    isTruncated = true;\n  }\n\n  if (!isTruncated) {\n    return (\n      <Txt as={as} className={className} {...txtProps}>\n        {fullText}\n      </Txt>\n    );\n  }\n\n  const truncatedContent = (\n    <Txt as=\"span\" className=\"cursor-default\" variant={txtProps.variant} font={txtProps.font}>\n      {truncatedText}...\n    </Txt>\n  );\n\n  return (\n    <Txt as={as} className={cn('group inline-flex items-center gap-1', className)} {...txtProps}>\n      {withTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{truncatedContent}</TooltipTrigger>\n          <TooltipContent>{fullText}</TooltipContent>\n        </Tooltip>\n      ) : (\n        truncatedContent\n      )}\n      {copy && <CopyButton content={fullText} className=\"opacity-0 group-hover:opacity-100 transition-opacity\" />}\n    </Txt>\n  );\n}\n"],"names":["Txt","jsxs","cn","Tooltip","jsx","TooltipTrigger","TooltipContent","CopyButton"],"mappings":";;;;;;;;AAcO,SAAS,QAAA,CAAS;AAAA,EACvB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,SAAA;AAAA,EACA,EAAA,GAAK,MAAA;AAAA,EACL,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,QAAA,GAAW,QAAA;AAEjB,EAAA,IAAI,aAAA,GAAgB,QAAA;AACpB,EAAA,IAAI,WAAA,GAAc,KAAA;AAElB,EAAA,IAAI,cAAc,MAAA,EAAW;AAC3B,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,SAAS,CAAA;AACxC,IAAA,IAAI,UAAU,EAAA,EAAI;AAChB,MAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,KAAK,CAAA;AACvC,MAAA,WAAA,GAAc,IAAA;AAAA,IAChB;AAAA,EACF,CAAA,MAAA,IAAW,SAAA,KAAc,MAAA,IAAa,QAAA,CAAS,SAAS,SAAA,EAAW;AACjE,IAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA;AAC3C,IAAA,WAAA,GAAc,IAAA;AAAA,EAChB;AAEA,EAAA,IAAI,CAAC,WAAA,EAAa;AAChB,IAAA,sCACGA,OAAA,EAAA,EAAI,EAAA,EAAQ,SAAA,EAAuB,GAAG,UACpC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,gBAAA,mBACJC,eAAA,CAACD,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,SAAA,EAAU,gBAAA,EAAiB,OAAA,EAAS,QAAA,CAAS,OAAA,EAAS,IAAA,EAAM,QAAA,CAAS,IAAA,EACjF,QAAA,EAAA;AAAA,IAAA,aAAA;AAAA,IAAc;AAAA,GAAA,EACjB,CAAA;AAGF,EAAA,uBACEC,eAAA,CAACD,WAAI,EAAA,EAAQ,SAAA,EAAWE,SAAG,sCAAA,EAAwC,SAAS,CAAA,EAAI,GAAG,QAAA,EAChF,QAAA,EAAA;AAAA,IAAA,WAAA,mCACEC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,sBAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,sBAC1CD,cAAA,CAACE,0BAAgB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC5B,CAAA,GAEA,gBAAA;AAAA,IAED,wBAAQF,cAAA,CAACG,qBAAA,EAAA,EAAW,OAAA,EAAS,QAAA,EAAU,WAAU,sDAAA,EAAuD;AAAA,GAAA,EAC3G,CAAA;AAEJ;;;;"}

package/dist/use-copy-to-clipboard-CGqfkXnN.js

@@ -0,0 +1,73 @@
+import React__default, { useState, useRef, useCallback } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { toast as toast$1, Toaster as Toaster$1 } from 'sonner';
+import { c as cn } from './utils-CzYGxqbG.js';
+
+import './use-copy-to-clipboard.css';const Toaster = ({ className, toastOptions, ...rest }) => /* @__PURE__ */ jsx(
+  Toaster$1,
+  {
+    ...rest,
+    closeButton: true,
+    richColors: true,
+    className: cn("mastra-toaster", className),
+    toastOptions: { duration: 5e3, ...toastOptions }
+  }
+);
+const forEachOrOnce = (message, emit) => Array.isArray(message) ? message.map(emit) : emit(message);
+const toast = (message, options = {}) => {
+  if (Array.isArray(message)) return message.map((m) => toast$1(m, options));
+  if (React__default.isValidElement(message) || typeof message === "string") return toast$1(message, options);
+  throw new Error("Invalid message type");
+};
+toast.success = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.success(m, options));
+toast.error = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.error(m, options));
+toast.warning = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.warning(m, options));
+toast.info = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.info(m, options));
+toast.custom = (message, options = {}) => toast$1(message, options);
+toast.dismiss = (toastId) => toast$1.dismiss(toastId);
+toast.promise = ({
+  myPromise,
+  loadingMessage,
+  successMessage,
+  errorMessage,
+  onSuccess,
+  onError,
+  options = {}
+}) => toast$1.promise(myPromise, {
+  loading: loadingMessage ?? "Loading...",
+  success: (data) => {
+    onSuccess?.(data);
+    return successMessage;
+  },
+  error: (err) => {
+    onError?.(err);
+    if (errorMessage) return errorMessage;
+    if (err instanceof Error) return err.message;
+    return "Error...";
+  },
+  ...options
+});
+
+function useCopyToClipboard({ text, copyMessage = "Copied to clipboard!" }) {
+  const [isCopied, setIsCopied] = useState(false);
+  const timeoutRef = useRef(null);
+  const handleCopy = useCallback(() => {
+    navigator.clipboard.writeText(text).then(() => {
+      toast.success(copyMessage);
+      setIsCopied(true);
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+      timeoutRef.current = setTimeout(() => {
+        setIsCopied(false);
+      }, 2e3);
+    }).catch(() => {
+      toast.error("Failed to copy to clipboard.");
+    });
+  }, [text, copyMessage]);
+  return { isCopied, handleCopy };
+}
+
+export { Toaster as T, toast as t, useCopyToClipboard as u };
+//# sourceMappingURL=use-copy-to-clipboard-CGqfkXnN.js.map

package/dist/use-copy-to-clipboard-CGqfkXnN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-to-clipboard-CGqfkXnN.js","sources":["../src/lib/toast.tsx","../src/hooks/use-copy-to-clipboard.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\nimport type { ExternalToast, ToasterProps } from 'sonner';\nimport { toast as sonnerToast, Toaster as SonnerToaster } from 'sonner';\n\nimport { cn } from '@/lib/utils';\n\nimport './toast.css';\n\n// All theming lives in `.mastra-toaster` (see toast.css) — sonner reads --success-bg / --error-bg / etc.\n// from richColors mode. `rest` is spread first so callers can't override the closeButton / richColors\n// contract (sonner's per-type tinted colors only kick in with richColors, and the close button is the\n// only built-in dismiss affordance we expose).\nexport const Toaster = ({ className, toastOptions, ...rest }: ToasterProps) => (\n  <SonnerToaster\n    {...rest}\n    closeButton\n    richColors\n    className={cn('mastra-toaster', className)}\n    toastOptions={{ duration: 5000, ...toastOptions }}\n  />\n);\n\n// Forward sonner's return value so callers can update/dismiss by id later.\nconst forEachOrOnce = <M, R>(message: M | M[], emit: (m: M) => R): R | R[] =>\n  Array.isArray(message) ? message.map(emit) : emit(message);\n\nexport const toast = (message: string | string[] | ReactNode, options: ExternalToast = {}) => {\n  if (Array.isArray(message)) return message.map(m => sonnerToast(m, options));\n  if (React.isValidElement(message) || typeof message === 'string') return sonnerToast(message, options);\n  throw new Error('Invalid message type');\n};\n\ntoast.success = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.success(m, options));\ntoast.error = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.error(m, options));\ntoast.warning = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.warning(m, options));\ntoast.info = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.info(m, options));\n\ntoast.custom = (message: ReactNode, options: ExternalToast = {}) => sonnerToast(message, options);\n\ntoast.dismiss = (toastId?: string | number) => sonnerToast.dismiss(toastId);\n\ntoast.promise = <T,>({\n  myPromise,\n  loadingMessage,\n  successMessage,\n  errorMessage,\n  onSuccess,\n  onError,\n  options = {},\n}: {\n  myPromise: Promise<T>;\n  successMessage: string;\n  loadingMessage?: string;\n  errorMessage?: string;\n  onSuccess?: (data: T) => void;\n  onError?: (err: unknown) => void;\n  options?: ExternalToast;\n}) =>\n  sonnerToast.promise(myPromise, {\n    loading: loadingMessage ?? 'Loading...',\n    success: (data: T) => {\n      onSuccess?.(data);\n      return successMessage;\n    },\n    error: (err: unknown) => {\n      onError?.(err);\n      if (errorMessage) return errorMessage;\n      if (err instanceof Error) return err.message;\n      return 'Error...';\n    },\n    ...options,\n  });\n","import { useCallback, useRef, useState } from 'react';\nimport { toast } from '@/lib/toast';\n\ntype UseCopyToClipboardProps = {\n  text: string;\n  copyMessage?: string;\n};\n\nexport function useCopyToClipboard({ text, copyMessage = 'Copied to clipboard!' }: UseCopyToClipboardProps) {\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const handleCopy = useCallback(() => {\n    navigator.clipboard\n      .writeText(text)\n      .then(() => {\n        toast.success(copyMessage);\n        setIsCopied(true);\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n          timeoutRef.current = null;\n        }\n        timeoutRef.current = setTimeout(() => {\n          setIsCopied(false);\n        }, 2000);\n      })\n      .catch(() => {\n        toast.error('Failed to copy to clipboard.');\n      });\n  }, [text, copyMessage]);\n\n  return { isCopied, handleCopy };\n}\n"],"names":["SonnerToaster","sonnerToast","React"],"mappings":"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"}

package/dist/use-copy-to-clipboard-CQgIuR1c.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+require('./use-copy-to-clipboard.css');const React = require('react');
+const jsxRuntime = require('react/jsx-runtime');
+const sonner = require('sonner');
+const utils = require('./utils-vA5sWo9W.cjs');
+
+const Toaster = ({ className, toastOptions, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
+  sonner.Toaster,
+  {
+    ...rest,
+    closeButton: true,
+    richColors: true,
+    className: utils.cn("mastra-toaster", className),
+    toastOptions: { duration: 5e3, ...toastOptions }
+  }
+);
+const forEachOrOnce = (message, emit) => Array.isArray(message) ? message.map(emit) : emit(message);
+const toast = (message, options = {}) => {
+  if (Array.isArray(message)) return message.map((m) => sonner.toast(m, options));
+  if (React.isValidElement(message) || typeof message === "string") return sonner.toast(message, options);
+  throw new Error("Invalid message type");
+};
+toast.success = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.success(m, options));
+toast.error = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.error(m, options));
+toast.warning = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.warning(m, options));
+toast.info = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.info(m, options));
+toast.custom = (message, options = {}) => sonner.toast(message, options);
+toast.dismiss = (toastId) => sonner.toast.dismiss(toastId);
+toast.promise = ({
+  myPromise,
+  loadingMessage,
+  successMessage,
+  errorMessage,
+  onSuccess,
+  onError,
+  options = {}
+}) => sonner.toast.promise(myPromise, {
+  loading: loadingMessage ?? "Loading...",
+  success: (data) => {
+    onSuccess?.(data);
+    return successMessage;
+  },
+  error: (err) => {
+    onError?.(err);
+    if (errorMessage) return errorMessage;
+    if (err instanceof Error) return err.message;
+    return "Error...";
+  },
+  ...options
+});
+
+function useCopyToClipboard({ text, copyMessage = "Copied to clipboard!" }) {
+  const [isCopied, setIsCopied] = React.useState(false);
+  const timeoutRef = React.useRef(null);
+  const handleCopy = React.useCallback(() => {
+    navigator.clipboard.writeText(text).then(() => {
+      toast.success(copyMessage);
+      setIsCopied(true);
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+      timeoutRef.current = setTimeout(() => {
+        setIsCopied(false);
+      }, 2e3);
+    }).catch(() => {
+      toast.error("Failed to copy to clipboard.");
+    });
+  }, [text, copyMessage]);
+  return { isCopied, handleCopy };
+}
+
+exports.Toaster = Toaster;
+exports.toast = toast;
+exports.useCopyToClipboard = useCopyToClipboard;
+//# sourceMappingURL=use-copy-to-clipboard-CQgIuR1c.cjs.map

package/dist/use-copy-to-clipboard-CQgIuR1c.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-to-clipboard-CQgIuR1c.cjs","sources":["../src/lib/toast.tsx","../src/hooks/use-copy-to-clipboard.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\nimport type { ExternalToast, ToasterProps } from 'sonner';\nimport { toast as sonnerToast, Toaster as SonnerToaster } from 'sonner';\n\nimport { cn } from '@/lib/utils';\n\nimport './toast.css';\n\n// All theming lives in `.mastra-toaster` (see toast.css) — sonner reads --success-bg / --error-bg / etc.\n// from richColors mode. `rest` is spread first so callers can't override the closeButton / richColors\n// contract (sonner's per-type tinted colors only kick in with richColors, and the close button is the\n// only built-in dismiss affordance we expose).\nexport const Toaster = ({ className, toastOptions, ...rest }: ToasterProps) => (\n  <SonnerToaster\n    {...rest}\n    closeButton\n    richColors\n    className={cn('mastra-toaster', className)}\n    toastOptions={{ duration: 5000, ...toastOptions }}\n  />\n);\n\n// Forward sonner's return value so callers can update/dismiss by id later.\nconst forEachOrOnce = <M, R>(message: M | M[], emit: (m: M) => R): R | R[] =>\n  Array.isArray(message) ? message.map(emit) : emit(message);\n\nexport const toast = (message: string | string[] | ReactNode, options: ExternalToast = {}) => {\n  if (Array.isArray(message)) return message.map(m => sonnerToast(m, options));\n  if (React.isValidElement(message) || typeof message === 'string') return sonnerToast(message, options);\n  throw new Error('Invalid message type');\n};\n\ntoast.success = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.success(m, options));\ntoast.error = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.error(m, options));\ntoast.warning = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.warning(m, options));\ntoast.info = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.info(m, options));\n\ntoast.custom = (message: ReactNode, options: ExternalToast = {}) => sonnerToast(message, options);\n\ntoast.dismiss = (toastId?: string | number) => sonnerToast.dismiss(toastId);\n\ntoast.promise = <T,>({\n  myPromise,\n  loadingMessage,\n  successMessage,\n  errorMessage,\n  onSuccess,\n  onError,\n  options = {},\n}: {\n  myPromise: Promise<T>;\n  successMessage: string;\n  loadingMessage?: string;\n  errorMessage?: string;\n  onSuccess?: (data: T) => void;\n  onError?: (err: unknown) => void;\n  options?: ExternalToast;\n}) =>\n  sonnerToast.promise(myPromise, {\n    loading: loadingMessage ?? 'Loading...',\n    success: (data: T) => {\n      onSuccess?.(data);\n      return successMessage;\n    },\n    error: (err: unknown) => {\n      onError?.(err);\n      if (errorMessage) return errorMessage;\n      if (err instanceof Error) return err.message;\n      return 'Error...';\n    },\n    ...options,\n  });\n","import { useCallback, useRef, useState } from 'react';\nimport { toast } from '@/lib/toast';\n\ntype UseCopyToClipboardProps = {\n  text: string;\n  copyMessage?: string;\n};\n\nexport function useCopyToClipboard({ text, copyMessage = 'Copied to clipboard!' }: UseCopyToClipboardProps) {\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const handleCopy = useCallback(() => {\n    navigator.clipboard\n      .writeText(text)\n      .then(() => {\n        toast.success(copyMessage);\n        setIsCopied(true);\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n          timeoutRef.current = null;\n        }\n        timeoutRef.current = setTimeout(() => {\n          setIsCopied(false);\n        }, 2000);\n      })\n      .catch(() => {\n        toast.error('Failed to copy to clipboard.');\n      });\n  }, [text, copyMessage]);\n\n  return { isCopied, handleCopy };\n}\n"],"names":["jsx","SonnerToaster","cn","sonnerToast","useState","useRef","useCallback"],"mappings":"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"}