@mastra/playground-ui 58.0.0 → 58.1.0-alpha.0

package/dist/components/MetricsCardGroup.cjs.js

@@ -13,21 +13,12 @@ const variantClasses = {
   // in light, where `background` and `card` sit only a step apart.
   inset: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "*:bg-background! *:shadow-rim!")
 };
-function MetricsCardGroup({
-  children,
-  variant = "default",
-  minItemWidth = "16rem",
-  className
-}) {
-  const style = {
-    "--metrics-card-group-basis": `min(100%, ${minItemWidth})`
-  };
+function MetricsCardGroup({ children, variant = "default", className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      style,
       className: utils_cn.cn(
-        "flex flex-wrap gap-1 rounded-xl p-1 *:min-w-0! *:flex-1 *:basis-(--metrics-card-group-basis)",
+        "grid grid-cols-1 gap-1 rounded-xl p-1 *:min-w-0! md:grid-cols-2 lg:flex lg:*:flex-1",
         variantClasses[variant],
         className
       ),

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

@@ -1 +1 @@
-{"version":3,"file":"MetricsCardGroup.cjs.js","sources":["../../src/ds/components/MetricsCardGroup/metrics-card-group.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { frameSurfaceStyle, raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport type MetricsCardGroupVariant = 'default' | 'inset';\n\nexport type MetricsCardGroupProps = {\n  children: ReactNode;\n  /**\n   * `default` — raised cards sitting in a frame one step below them.\n   * `inset` — the DataList treatment: the group is the raised surface, and the\n   * cards are flat wells cut into it, so the frame reads as a thick border.\n   */\n  variant?: MetricsCardGroupVariant;\n  /**\n   * Base width each card grows from; a card wraps once the row can't fit it.\n   * Raise it for chart cards, which need more room than a KPI.\n   */\n  minItemWidth?: string;\n  className?: string;\n};\n\n/**\n * Like DataList, the inset group is the only element that defines a color: it\n * repaints its cards as wells, whatever card is dropped in. `!` is needed to beat\n * `Card`'s pinned `hover:`/`active:` fills.\n */\nconst variantClasses: Record<MetricsCardGroupVariant, string> = {\n  default: frameSurfaceStyle,\n  // Wells swap the card's elevation for a bare 1px `--surface-rim`: the same edge\n  // every raised surface draws, with no lift, so they stay crisp against the frame\n  // in light, where `background` and `card` sit only a step apart.\n  inset: cn(raisedSurfaceStyle, '*:bg-background! *:shadow-rim!'),\n};\n\n/**\n * A frame that holds a row of metrics cards (KPI, chart, …) as one unit.\n * Cards flex to fill each row and wrap responsively; the group owns their width,\n * so each card's own `min-w-*` is neutralised.\n */\nexport function MetricsCardGroup({\n  children,\n  variant = 'default',\n  minItemWidth = '16rem',\n  className,\n}: MetricsCardGroupProps) {\n  const style: CSSProperties & Record<'--metrics-card-group-basis', string> = {\n    '--metrics-card-group-basis': `min(100%, ${minItemWidth})`,\n  };\n\n  return (\n    <div\n      style={style}\n      // Cards grow from a shared basis and wrap, so a short last row stretches to\n      // fill instead of leaving empty columns.\n      // Outer radius = card radius (8px) + 4px inset so the corners stay concentric.\n      className={cn(\n        'flex flex-wrap gap-1 rounded-xl p-1 *:min-w-0! *:flex-1 *:basis-(--metrics-card-group-basis)',\n        variantClasses[variant],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["frameSurfaceStyle","cn","raisedSurfaceStyle","jsx"],"mappings":";;;;;;;;AA2BA,MAAM,cAAA,GAA0D;AAAA,EAC9D,OAAA,EAASA,0CAAA;AAAA;AAAA;AAAA;AAAA,EAIT,KAAA,EAAOC,WAAA,CAAGC,2CAAA,EAAoB,gCAAgC;AAChE,CAAA;AAOO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,YAAA,GAAe,OAAA;AAAA,EACf;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,KAAA,GAAsE;AAAA,IAC1E,4BAAA,EAA8B,aAAa,YAAY,CAAA,CAAA;AAAA,GACzD;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MAIA,SAAA,EAAWF,WAAA;AAAA,QACT,8FAAA;AAAA,QACA,eAAe,OAAO,CAAA;AAAA,QACtB;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"MetricsCardGroup.cjs.js","sources":["../../src/ds/components/MetricsCardGroup/metrics-card-group.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { frameSurfaceStyle, raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport type MetricsCardGroupVariant = 'default' | 'inset';\n\nexport type MetricsCardGroupProps = {\n  children: ReactNode;\n  /**\n   * `default` — raised cards sitting in a frame one step below them.\n   * `inset` — the DataList treatment: the group is the raised surface, and the\n   * cards are flat wells cut into it, so the frame reads as a thick border.\n   */\n  variant?: MetricsCardGroupVariant;\n  className?: string;\n};\n\n/**\n * Like DataList, the inset group is the only element that defines a color: it\n * repaints its cards as wells, whatever card is dropped in. `!` is needed to beat\n * `Card`'s pinned `hover:`/`active:` fills.\n */\nconst variantClasses: Record<MetricsCardGroupVariant, string> = {\n  default: frameSurfaceStyle,\n  // Wells swap the card's elevation for a bare 1px `--surface-rim`: the same edge\n  // every raised surface draws, with no lift, so they stay crisp against the frame\n  // in light, where `background` and `card` sit only a step apart.\n  inset: cn(raisedSurfaceStyle, '*:bg-background! *:shadow-rim!'),\n};\n\n/**\n * A frame that holds a row of metrics cards (KPI, chart, …) as one unit.\n * One column below `md`, two below `lg`, then every card on a single row with\n * equal widths. The group owns their width, so each card's own `min-w-*` is neutralised.\n */\nexport function MetricsCardGroup({ children, variant = 'default', className }: MetricsCardGroupProps) {\n  return (\n    <div\n      // Outer radius = card radius (8px) + 4px inset so the corners stay concentric.\n      className={cn(\n        'grid grid-cols-1 gap-1 rounded-xl p-1 *:min-w-0! md:grid-cols-2 lg:flex lg:*:flex-1',\n        variantClasses[variant],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["frameSurfaceStyle","cn","raisedSurfaceStyle","jsx"],"mappings":";;;;;;;;AAsBA,MAAM,cAAA,GAA0D;AAAA,EAC9D,OAAA,EAASA,0CAAA;AAAA;AAAA;AAAA;AAAA,EAIT,KAAA,EAAOC,WAAA,CAAGC,2CAAA,EAAoB,gCAAgC;AAChE,CAAA;AAOO,SAAS,iBAAiB,EAAE,QAAA,EAAU,OAAA,GAAU,SAAA,EAAW,WAAU,EAA0B;AACpG,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,SAAA,EAAWF,WAAA;AAAA,QACT,qFAAA;AAAA,QACA,eAAe,OAAO,CAAA;AAAA,QACtB;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/MetricsCardGroup.es.js

@@ -9,21 +9,12 @@ const variantClasses = {
   // in light, where `background` and `card` sit only a step apart.
   inset: cn(raisedSurfaceStyle, "*:bg-background! *:shadow-rim!")
 };
-function MetricsCardGroup({
-  children,
-  variant = "default",
-  minItemWidth = "16rem",
-  className
-}) {
-  const style = {
-    "--metrics-card-group-basis": `min(100%, ${minItemWidth})`
-  };
+function MetricsCardGroup({ children, variant = "default", className }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      style,
       className: cn(
-        "flex flex-wrap gap-1 rounded-xl p-1 *:min-w-0! *:flex-1 *:basis-(--metrics-card-group-basis)",
+        "grid grid-cols-1 gap-1 rounded-xl p-1 *:min-w-0! md:grid-cols-2 lg:flex lg:*:flex-1",
         variantClasses[variant],
         className
       ),

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

@@ -1 +1 @@
-{"version":3,"file":"MetricsCardGroup.es.js","sources":["../../src/ds/components/MetricsCardGroup/metrics-card-group.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { frameSurfaceStyle, raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport type MetricsCardGroupVariant = 'default' | 'inset';\n\nexport type MetricsCardGroupProps = {\n  children: ReactNode;\n  /**\n   * `default` — raised cards sitting in a frame one step below them.\n   * `inset` — the DataList treatment: the group is the raised surface, and the\n   * cards are flat wells cut into it, so the frame reads as a thick border.\n   */\n  variant?: MetricsCardGroupVariant;\n  /**\n   * Base width each card grows from; a card wraps once the row can't fit it.\n   * Raise it for chart cards, which need more room than a KPI.\n   */\n  minItemWidth?: string;\n  className?: string;\n};\n\n/**\n * Like DataList, the inset group is the only element that defines a color: it\n * repaints its cards as wells, whatever card is dropped in. `!` is needed to beat\n * `Card`'s pinned `hover:`/`active:` fills.\n */\nconst variantClasses: Record<MetricsCardGroupVariant, string> = {\n  default: frameSurfaceStyle,\n  // Wells swap the card's elevation for a bare 1px `--surface-rim`: the same edge\n  // every raised surface draws, with no lift, so they stay crisp against the frame\n  // in light, where `background` and `card` sit only a step apart.\n  inset: cn(raisedSurfaceStyle, '*:bg-background! *:shadow-rim!'),\n};\n\n/**\n * A frame that holds a row of metrics cards (KPI, chart, …) as one unit.\n * Cards flex to fill each row and wrap responsively; the group owns their width,\n * so each card's own `min-w-*` is neutralised.\n */\nexport function MetricsCardGroup({\n  children,\n  variant = 'default',\n  minItemWidth = '16rem',\n  className,\n}: MetricsCardGroupProps) {\n  const style: CSSProperties & Record<'--metrics-card-group-basis', string> = {\n    '--metrics-card-group-basis': `min(100%, ${minItemWidth})`,\n  };\n\n  return (\n    <div\n      style={style}\n      // Cards grow from a shared basis and wrap, so a short last row stretches to\n      // fill instead of leaving empty columns.\n      // Outer radius = card radius (8px) + 4px inset so the corners stay concentric.\n      className={cn(\n        'flex flex-wrap gap-1 rounded-xl p-1 *:min-w-0! *:flex-1 *:basis-(--metrics-card-group-basis)',\n        variantClasses[variant],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AA2BA,MAAM,cAAA,GAA0D;AAAA,EAC9D,OAAA,EAAS,iBAAA;AAAA;AAAA;AAAA;AAAA,EAIT,KAAA,EAAO,EAAA,CAAG,kBAAA,EAAoB,gCAAgC;AAChE,CAAA;AAOO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,YAAA,GAAe,OAAA;AAAA,EACf;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,KAAA,GAAsE;AAAA,IAC1E,4BAAA,EAA8B,aAAa,YAAY,CAAA,CAAA;AAAA,GACzD;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MAIA,SAAA,EAAW,EAAA;AAAA,QACT,8FAAA;AAAA,QACA,eAAe,OAAO,CAAA;AAAA,QACtB;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"MetricsCardGroup.es.js","sources":["../../src/ds/components/MetricsCardGroup/metrics-card-group.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { frameSurfaceStyle, raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport type MetricsCardGroupVariant = 'default' | 'inset';\n\nexport type MetricsCardGroupProps = {\n  children: ReactNode;\n  /**\n   * `default` — raised cards sitting in a frame one step below them.\n   * `inset` — the DataList treatment: the group is the raised surface, and the\n   * cards are flat wells cut into it, so the frame reads as a thick border.\n   */\n  variant?: MetricsCardGroupVariant;\n  className?: string;\n};\n\n/**\n * Like DataList, the inset group is the only element that defines a color: it\n * repaints its cards as wells, whatever card is dropped in. `!` is needed to beat\n * `Card`'s pinned `hover:`/`active:` fills.\n */\nconst variantClasses: Record<MetricsCardGroupVariant, string> = {\n  default: frameSurfaceStyle,\n  // Wells swap the card's elevation for a bare 1px `--surface-rim`: the same edge\n  // every raised surface draws, with no lift, so they stay crisp against the frame\n  // in light, where `background` and `card` sit only a step apart.\n  inset: cn(raisedSurfaceStyle, '*:bg-background! *:shadow-rim!'),\n};\n\n/**\n * A frame that holds a row of metrics cards (KPI, chart, …) as one unit.\n * One column below `md`, two below `lg`, then every card on a single row with\n * equal widths. The group owns their width, so each card's own `min-w-*` is neutralised.\n */\nexport function MetricsCardGroup({ children, variant = 'default', className }: MetricsCardGroupProps) {\n  return (\n    <div\n      // Outer radius = card radius (8px) + 4px inset so the corners stay concentric.\n      className={cn(\n        'grid grid-cols-1 gap-1 rounded-xl p-1 *:min-w-0! md:grid-cols-2 lg:flex lg:*:flex-1',\n        variantClasses[variant],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAsBA,MAAM,cAAA,GAA0D;AAAA,EAC9D,OAAA,EAAS,iBAAA;AAAA;AAAA;AAAA;AAAA,EAIT,KAAA,EAAO,EAAA,CAAG,kBAAA,EAAoB,gCAAgC;AAChE,CAAA;AAOO,SAAS,iBAAiB,EAAE,QAAA,EAAU,OAAA,GAAU,SAAA,EAAW,WAAU,EAA0B;AACpG,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,SAAA,EAAW,EAAA;AAAA,QACT,qFAAA;AAAA,QACA,eAAe,OAAO,CAAA;AAAA,QACtB;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/MetricsKpiCard.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const metricsKpiCard = require('../metrics-kpi-card-Bhb4R4z0.cjs');
+const metricsKpiCard = require('../metrics-kpi-card-DoIeHfv6.cjs');
 
 
 

package/dist/components/MetricsKpiCard.es.js

@@ -1,2 +1,2 @@
-export { M as MetricsKpiCard } from '../metrics-kpi-card-BrnFhFQm.js';
+export { M as MetricsKpiCard } from '../metrics-kpi-card-BVCuXeDa.js';
 //# sourceMappingURL=MetricsKpiCard.es.js.map

package/dist/components/MetricsLineChart.cjs.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const metricsLineChart = require('../metrics-line-chart-0FR3SYSt.cjs');
+const metricsLineChart = require('../metrics-line-chart-BNNRRxM8.cjs');
 
 
 
 exports.MetricsLineChart = metricsLineChart.MetricsLineChart;
+exports.MetricsLineChartLegend = metricsLineChart.MetricsLineChartLegend;
 exports.MetricsLineChartTooltip = metricsLineChart.MetricsLineChartTooltip;
 //# sourceMappingURL=MetricsLineChart.cjs.js.map

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

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

package/dist/components/MetricsLineChart.es.js

@@ -1,2 +1,2 @@
-export { M as MetricsLineChart, a as MetricsLineChartTooltip } from '../metrics-line-chart-knlgw8bV.js';
+export { M as MetricsLineChart, a as MetricsLineChartLegend, b as MetricsLineChartTooltip } from '../metrics-line-chart-CT_pqJtC.js';
 //# sourceMappingURL=MetricsLineChart.es.js.map

package/dist/components/PageHeader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const pageHeader = require('../page-header-Dk3s3XtC.cjs');
+const pageHeader = require('../page-header-CqvBk1wE.cjs');
 
 
 

package/dist/components/PageHeader.es.js

@@ -1,2 +1,2 @@
-export { P as PageHeader } from '../page-header-CyXAezlZ.js';
+export { P as PageHeader } from '../page-header-BGyZw13s.js';
 //# sourceMappingURL=PageHeader.es.js.map

package/dist/components/Workflow.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const React = require('react');
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Badge = require('../Badge-BEeYtjmv.cjs');
+const Badge = require('../Badge-DFNxcz-r.cjs');
 const Txt = require('../Txt-B4-2nLaI.cjs');
 const utils_duration = require('../utils/duration.cjs.js');
 const code = require('../code-B-x-9sJ1.cjs');

package/dist/components/Workflow.es.js

@@ -1,7 +1,7 @@
 import { createContext, useState, useEffect, useId, forwardRef, useRef, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Repeat2, Workflow, GitFork, ArrowRightLeft, CalendarClock, Timer, Bot, Wrench, GitBranch, Braces, CornerDownRight, RefreshCw, Repeat, Repeat1, Network, Layers, Clock, PlayCircle, List, ChevronRight, Database, Minus, Plus, Maximize, Pause, Loader2, StepForwardIcon, PlayIcon, AlertCircleIcon, MoreVerticalIcon, ShieldAlertIcon, RotateCcwIcon, Clock3Icon, BracesIcon, PanelRightIcon } from 'lucide-react';
-import { B as Badge } from '../Badge-TD55_qZJ.js';
+import { B as Badge } from '../Badge-Bzn8Z-_I.js';
 import { T as Txt } from '../Txt-DTh3Pa_a.js';
 import { formatDuration } from '../utils/duration.es.js';
 import { C as Code } from '../code-BeWhOFT4.js';

package/dist/components/ai/ask-user.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const askUser = require('../../ask-user-BPpgiE7k.cjs');
+const askUser = require('../../ask-user-pPTuoPKI.cjs');
 
 
 

package/dist/components/ai/ask-user.es.js

@@ -1,2 +1,2 @@
-export { A as AskUser, a as AskUserBody, b as AskUserContainer, c as AskUserLabel, d as AskUserOptionRow, e as AskUserOutput, f as AskUserPending, g as AskUserQuestion, h as AskUserSubmit } from '../../ask-user-jDUt7hgT.js';
+export { A as AskUser, a as AskUserBody, b as AskUserContainer, c as AskUserLabel, d as AskUserOptionRow, e as AskUserOutput, f as AskUserPending, g as AskUserQuestion, h as AskUserSubmit } from '../../ask-user-DtF4a9Vr.js';
 //# sourceMappingURL=ask-user.es.js.map

package/dist/components/ai/chat-event.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const chatNotification = require('../../chat-notification-DJykWtoj.cjs');
-const chatSignal = require('../../chat-signal-xs3FkPts.cjs');
+const chatNotification = require('../../chat-notification-HP18KxlS.cjs');
+const chatSignal = require('../../chat-signal-BP9RN6Rh.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const markdownRenderer = require('../../markdown-renderer-DtH58325.cjs');

package/dist/components/ai/chat-event.es.js

@@ -1,6 +1,6 @@
-import { a as ChatEvent } from '../../chat-notification-CmdRGO_D.js';
-export { C as ChatNotification } from '../../chat-notification-CmdRGO_D.js';
-export { C as ChatSignal } from '../../chat-signal-Vg8pGXwH.js';
+import { a as ChatEvent } from '../../chat-notification-C4P2InUX.js';
+export { C as ChatNotification } from '../../chat-notification-C4P2InUX.js';
+export { C as ChatSignal } from '../../chat-signal-CQnmFp3V.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { BookOpen } from 'lucide-react';
 import { M as MarkdownRenderer } from '../../markdown-renderer-Ces7VyRK.js';

package/dist/components/ai/plan.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Badge = require('../../Badge-BEeYtjmv.cjs');
+const Badge = require('../../Badge-DFNxcz-r.cjs');
 const Button = require('../../Button-BAMnPqos.cjs');
 const markdownRenderer = require('../../markdown-renderer-DtH58325.cjs');
 const Txt = require('../../Txt-B4-2nLaI.cjs');

package/dist/components/ai/plan.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { CheckIcon, CopyIcon, Minimize2, Maximize2, ClipboardList } from 'lucide-react';
 import { useState, useRef, useLayoutEffect, createContext, useContext } from 'react';
-import { B as Badge } from '../../Badge-TD55_qZJ.js';
+import { B as Badge } from '../../Badge-Bzn8Z-_I.js';
 import { B as Button } from '../../Button-B8nF87ai.js';
 import { M as MarkdownRenderer } from '../../markdown-renderer-Ces7VyRK.js';
 import { T as Txt } from '../../Txt-DTh3Pa_a.js';