@mastra/playground-ui 60.0.0-alpha.9 → 60.0.0

package/dist/components/Comment.cjs.js

@@ -8,9 +8,9 @@ const arrival = require('../arrival-BWQZUZFQ.cjs');
 const useWatched = require('../use-watched-BixmYWp0.cjs');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const inputGroup = require('../input-group-C1NamUEz.cjs');
+const inputGroup = require('../input-group-I8YVM_Ps.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
-const Button = require('../Button-DbJn0bJX.cjs');
+const Button = require('../Button-BnmR2HRc.cjs');
 const fieldBlock = require('../field-block-BIDi9Bvc.cjs');
 const fieldErrorId = require('../field-error-id-B3Z2Zu5y.cjs');
 const Txt = require('../Txt-DPmEpNbp.cjs');

package/dist/components/Comment.es.js

@@ -5,9 +5,9 @@ import { A as ArrivalScope } from '../arrival-C4frvrgG.js';
 import { a as useWatched } from '../use-watched-CG9KoWl3.js';
 import { ArrowUp, X, Check } from 'lucide-react';
 import { forwardRef, useState, useId } from 'react';
-import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-C0xpNsn1.js';
+import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-B8bnoDrA.js';
 import { c as cn } from '../cn-65Adrsfj.js';
-import { B as Button } from '../Button-CHTvSq4d.js';
+import { B as Button } from '../Button-C6eUqcPI.js';
 import { F as FieldBlock } from '../field-block-DpejZ6U6.js';
 import { f as fieldErrorId } from '../field-error-id-D3yg1nBh.js';
 import { T as Txt } from '../Txt-BP1SRHmL.js';

package/dist/components/Composer.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const composer = require('../composer-D7ZOLVUX.cjs');
+const composer = require('../composer-DyoM0j2m.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const collapsible = require('@base-ui/react/collapsible');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const scrollArea = require('../scroll-area-BE7FJqVA.cjs');
+const scrollArea = require('../scroll-area-CEuf7Omb.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const keyboard_useKeydown = require('../keyboard/use-keydown.cjs.js');
 

package/dist/components/Composer.es.js

@@ -1,9 +1,9 @@
-export { a as Composer, b as ComposerActions, C as ComposerAttachments, c as ComposerBox, d as ComposerInput, e as ComposerRing, f as ComposerToneLabel } from '../composer-a6qwEQIs.js';
+export { a as Composer, b as ComposerActions, C as ComposerAttachments, c as ComposerBox, d as ComposerInput, e as ComposerRing, f as ComposerToneLabel } from '../composer-eMyX1lBH.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Collapsible } from '@base-ui/react/collapsible';
 import { ArrowLeft, Check } from 'lucide-react';
 import { useRef, useEffect, useId, useState } from 'react';
-import { S as ScrollArea, a as ScrollAreaViewport } from '../scroll-area-PxtGm4w9.js';
+import { S as ScrollArea, a as ScrollAreaViewport } from '../scroll-area-Ds-fJn5M.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 import { useKeydown } from '../keyboard/use-keydown.es.js';
 

package/dist/components/CopyButton.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const copyButton = require('../copy-button-89AmY5FU.cjs');
+const copyButton = require('../copy-button-C6nXDjBz.cjs');
 
 
 

package/dist/components/CopyButton.es.js

@@ -1,2 +1,2 @@
-export { C as CopyButton } from '../copy-button-rs9SJnvF.js';
+export { C as CopyButton } from '../copy-button-DbmsTUum.js';
 //# sourceMappingURL=CopyButton.es.js.map

package/dist/components/DataCodeSection.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataCodeSection = require('../data-code-section-W_dIahDO.cjs');
+const dataCodeSection = require('../data-code-section-D5b6_jcB.cjs');
 
 
 

package/dist/components/DataCodeSection.es.js

@@ -1,2 +1,2 @@
-export { D as DataCodeSection } from '../data-code-section-D01ggJy6.js';
+export { D as DataCodeSection } from '../data-code-section-Bd2Xnckz.js';
 //# sourceMappingURL=DataCodeSection.es.js.map

package/dist/components/DataDetailsPanel.cjs.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const lucideReact = require('lucide-react');
-const Button = require('../Button-DbJn0bJX.cjs');
+const Button = require('../Button-BnmR2HRc.cjs');
 const React = require('react');
 const buttonsGroup = require('../buttons-group-CoZP3lJt.cjs');
 const code = require('../code-B-x-9sJ1.cjs');
-const copyButton = require('../copy-button-89AmY5FU.cjs');
+const copyButton = require('../copy-button-C6nXDjBz.cjs');
 const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
 const Txt = require('../Txt-DPmEpNbp.cjs');
 const spinner = require('../spinner-BCpN7LL9.cjs');

package/dist/components/DataDetailsPanel.es.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as cn } from '../cn-65Adrsfj.js';
 import { XIcon, AlignLeftIcon, AlignJustifyIcon } from 'lucide-react';
-import { B as Button } from '../Button-CHTvSq4d.js';
+import { B as Button } from '../Button-C6eUqcPI.js';
 import { useState, useMemo } from 'react';
 import { B as ButtonsGroup } from '../buttons-group-DsZgrZBZ.js';
 import { C as Code } from '../code-BeWhOFT4.js';
-import { C as CopyButton } from '../copy-button-rs9SJnvF.js';
+import { C as CopyButton } from '../copy-button-DbmsTUum.js';
 import { raisedSurfaceStyle } from '../primitives/raised-surface.es.js';
 import { T as Txt } from '../Txt-BP1SRHmL.js';
 import { S as Spinner } from '../spinner-ylbE0TJA.js';

package/dist/components/DataList.cjs.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataList = require('../data-list-jJGA9T9_.cjs');
-const dataListSkeleton = require('../data-list-skeleton-DtU1wRbx.cjs');
+const dataList = require('../data-list-D8bACyyK.cjs');
+const dataListSkeleton = require('../data-list-skeleton-BXPfL0s7.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const dataListSpacer = require('../data-list-spacer-D8zpJS7Z.cjs');
-const dataListTop = require('../data-list-top-KKXNLoP6.cjs');
+const dataListSpacer = require('../data-list-spacer-_bFe0e2u.cjs');
+const dataListTop = require('../data-list-top-C-pLBax7.cjs');
 const Txt = require('../Txt-DPmEpNbp.cjs');
 const utils_dateFormat = require('../utils/date-format.cjs.js');
-const tracesDataList = require('../traces-data-list-Cj8_iaST.cjs');
+const tracesDataList = require('../traces-data-list-CU93pUfj.cjs');
 const useDataListKeyboard = require('../use-data-list-keyboard-DF3tLe10.cjs');
 const layout_tabbedContainer = require('../layout/tabbed-container.cjs.js');
 

package/dist/components/DataList.es.js

@@ -1,11 +1,11 @@
-export { D as DataList } from '../data-list-cF2lpf-v.js';
-export { D as DataListSkeleton } from '../data-list-skeleton-BiWUa3JR.js';
+export { D as DataList } from '../data-list-DL_oFE4j.js';
+export { D as DataListSkeleton } from '../data-list-skeleton-Bk9LI0J0.js';
 import { jsx } from 'react/jsx-runtime';
-import { D as DataListNextPageLoading, a as DataListNoMatch, d as DataListRowButton, f as DataListSortableTopCell } from '../data-list-spacer-Cukij8de.js';
-import { c as DataListCell, b as DataListTopCell, a as DataListTop, D as DataListRoot } from '../data-list-top-G11bdV77.js';
+import { D as DataListNextPageLoading, a as DataListNoMatch, d as DataListRowButton, f as DataListSortableTopCell } from '../data-list-spacer-CE6-4ZQq.js';
+import { c as DataListCell, b as DataListTopCell, a as DataListTop, D as DataListRoot } from '../data-list-top-DheFgb0M.js';
 import { T as Txt } from '../Txt-BP1SRHmL.js';
 import { formatDate } from '../utils/date-format.es.js';
-export { T as TracesDataList } from '../traces-data-list-DcHBQtgZ.js';
+export { T as TracesDataList } from '../traces-data-list-DaedGcID.js';
 export { u as useDataListKeyboard } from '../use-data-list-keyboard-DFQr4t38.js';
 export { TabbedContainer } from '../layout/tabbed-container.es.js';
 

package/dist/components/DataPanel.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataPanel = require('../data-panel-C4JszAuX.cjs');
+const dataPanel = require('../data-panel-CjvoI_lx.cjs');
 
 
 

package/dist/components/DataPanel.es.js

@@ -1,2 +1,2 @@
-export { D as DataPanel } from '../data-panel-9GDF8Wx1.js';
+export { D as DataPanel } from '../data-panel-42fdcagQ.js';
 //# sourceMappingURL=DataPanel.es.js.map

package/dist/components/DateRangeTimeline.cjs.js

@@ -6,11 +6,12 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
-const Button = require('../Button-DbJn0bJX.cjs');
+const Button = require('../Button-BnmR2HRc.cjs');
 const datePicker = require('../date-picker-dRZF8frf.cjs');
 const popover = require('../popover-lBqKiPtp.cjs');
 const Txt = require('../Txt-DPmEpNbp.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
+const primitives_transitions = require('../primitives/transitions.cjs.js');
 
 const API_DATE_FORMAT = "yyyy-MM-dd";
 function clamp(value, min, max) {
@@ -366,7 +367,7 @@ function DateRangeHandle({
         "span",
         {
           className: utils_cn.cn(
-            "absolute top-1/2 left-1/2 h-7 w-1.5 -translate-1/2 rounded-xs bg-card ring-1 transition-[width,box-shadow] duration-150 group-hover:w-2 group-focus-visible:w-2 group-focus-visible:ring-2 group-focus-visible:ring-border-focus motion-reduce:transition-none",
+            "absolute top-1/2 left-1/2 h-7 w-1.5 -translate-1/2 rounded-xs bg-card ring-1 transition-[width,box-shadow] duration-150 group-hover:w-2 group-focus-visible:w-2 group-focus-visible:ring-1 group-focus-visible:ring-border-focus motion-reduce:transition-none",
             active ? "w-2 ring-2 ring-border-focus" : "ring-border-strong"
           ),
           "aria-hidden": "true"
@@ -402,7 +403,8 @@ function DateRangeSelection({
       "aria-valuenow": value,
       "aria-valuetext": valueText,
       className: utils_cn.cn(
-        "absolute inset-y-1 z-10 flex cursor-grab touch-none items-center justify-center overflow-hidden rounded-md bg-fill text-foreground outline-hidden select-none focus-visible:ring-2 focus-visible:ring-border-focus active:cursor-grabbing",
+        "absolute inset-y-1 z-10 flex cursor-grab touch-none items-center justify-center overflow-hidden rounded-md bg-fill text-foreground select-none active:cursor-grabbing",
+        primitives_transitions.focusRing,
         active ? "transition-none" : "transition-[left,width,background-color] duration-150 ease-out motion-reduce:transition-none"
       ),
       style: { left: `${visibleLeft}%`, width: `${visibleWidth}%` },