@mastra/playground-ui 60.2.1-alpha.0 → 61.0.0-alpha.2

package/dist/{metrics-line-chart-tooltip-DiXCgpik.cjs → metrics-line-chart-tooltip-BoG8nbkO.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('./Txt-DPmEpNbp.cjs');
+const Txt = require('./Txt-DNnvlrBo.cjs');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 const chartTooltip = require('./chart-tooltip-DX6vs_Tc.cjs');
 
@@ -51,4 +51,4 @@ function MetricsLineChartTooltip({
 
 exports.MetricsLineChartLegend = MetricsLineChartLegend;
 exports.MetricsLineChartTooltip = MetricsLineChartTooltip;
-//# sourceMappingURL=metrics-line-chart-tooltip-DiXCgpik.cjs.map
+//# sourceMappingURL=metrics-line-chart-tooltip-BoG8nbkO.cjs.map

package/dist/{metrics-line-chart-tooltip-DiXCgpik.cjs.map → metrics-line-chart-tooltip-BoG8nbkO.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"metrics-line-chart-tooltip-DiXCgpik.cjs","sources":["../src/ds/components/MetricsLineChart/metrics-line-chart-legend.tsx","../src/ds/components/MetricsLineChart/metrics-line-chart-tooltip.tsx"],"sourcesContent":["import type { MetricsLineChartSeries } from './metrics-line-chart';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsLineChartLegend({\n  data,\n  series,\n  className,\n}: {\n  data: Record<string, unknown>[];\n  series: MetricsLineChartSeries[];\n  className?: string;\n}) {\n  return (\n    <div className={cn('flex flex-wrap items-center gap-4 gap-y-1', className)}>\n      {series.map(s => {\n        const aggregated = s.aggregate?.(data);\n        return (\n          <div key={s.dataKey} className=\"inline-flex items-center gap-2\">\n            <div className=\"size-2 shrink-0 rounded-full\" style={{ backgroundColor: s.color }} />\n            <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"max-w-24 truncate\">\n              {s.label}\n            </Txt>\n            {aggregated && (\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                {aggregated.value}\n                {aggregated.suffix && (\n                  <Txt as=\"span\" variant=\"caption\" tone=\"faint\">\n                    {' '}\n                    {aggregated.suffix}\n                  </Txt>\n                )}\n              </Txt>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n","import { ChartTooltip } from '@/ds/components/ChartTooltip';\nimport { Txt } from '@/ds/components/Txt';\n\nexport function MetricsLineChartTooltip({\n  active,\n  payload,\n  label,\n  suffix,\n  formatValue = value => value.toLocaleString('en-US'),\n}: {\n  active?: boolean;\n  payload?: Array<{ name: string; value: number; color: string }>;\n  label?: string;\n  suffix?: string;\n  formatValue?: (value: number) => string;\n}) {\n  if (!active || !payload?.length) return null;\n  return (\n    <ChartTooltip>\n      <Txt variant=\"column\" tone=\"ink\" className=\"mb-1\">\n        {label}\n      </Txt>\n      {payload.map(entry => (\n        <p key={entry.name} className=\"text-foreground\">\n          <span className=\"mr-2 inline-block size-2 rounded-full\" style={{ backgroundColor: entry.color }} />\n          {entry.name}:{' '}\n          <span className=\"font-mono\">\n            {typeof entry.value === 'number' ? formatValue(entry.value) : entry.value}\n            {suffix}\n          </span>\n        </p>\n      ))}\n    </ChartTooltip>\n  );\n}\n"],"names":["jsx","cn","jsxs","Txt","ChartTooltip"],"mappings":";;;;;;;AAIO,SAAS,sBAAA,CAAuB;AAAA,EACrC,IAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACEA,cAAA,CAAC,SAAI,SAAA,EAAWC,WAAA,CAAG,6CAA6C,SAAS,CAAA,EACtE,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAA,CAAA,KAAK;AACf,IAAA,MAAM,UAAA,GAAa,CAAA,CAAE,SAAA,GAAY,IAAI,CAAA;AACrC,IAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAoB,SAAA,EAAU,gCAAA,EAC7B,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EAA+B,KAAA,EAAO,EAAE,eAAA,EAAiB,CAAA,CAAE,OAAM,EAAG,CAAA;AAAA,sBACnFA,cAAA,CAACG,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,mBAAA,EACrD,QAAA,EAAA,CAAA,CAAE,KAAA,EACL,CAAA;AAAA,MACC,UAAA,oCACEA,OAAA,EAAA,EAAI,EAAA,EAAG,QAAO,OAAA,EAAQ,SAAA,EAAU,MAAK,OAAA,EACnC,QAAA,EAAA;AAAA,QAAA,UAAA,CAAW,KAAA;AAAA,QACX,UAAA,CAAW,0BACVD,eAAA,CAACC,OAAA,EAAA,EAAI,IAAG,MAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EACnC,QAAA,EAAA;AAAA,UAAA,GAAA;AAAA,UACA,UAAA,CAAW;AAAA,SAAA,EACd;AAAA,OAAA,EAEJ;AAAA,KAAA,EAAA,EAdM,EAAE,OAgBZ,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;;ACpCO,SAAS,uBAAA,CAAwB;AAAA,EACtC,MAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA,GAAc,CAAA,KAAA,KAAS,KAAA,CAAM,cAAA,CAAe,OAAO;AACrD,CAAA,EAMG;AACD,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,EAAS,QAAQ,OAAO,IAAA;AACxC,EAAA,uCACGC,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAJ,cAAA,CAACG,WAAI,OAAA,EAAQ,QAAA,EAAS,MAAK,KAAA,EAAM,SAAA,EAAU,QACxC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC,QAAQ,GAAA,CAAI,CAAA,KAAA,qBACXD,eAAA,CAAC,GAAA,EAAA,EAAmB,WAAU,iBAAA,EAC5B,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uCAAA,EAAwC,KAAA,EAAO,EAAE,eAAA,EAAiB,KAAA,CAAM,OAAM,EAAG,CAAA;AAAA,MAChG,KAAA,CAAM,IAAA;AAAA,MAAK,GAAA;AAAA,MAAE,GAAA;AAAA,sBACdE,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,QAAA,OAAO,MAAM,KAAA,KAAU,QAAA,GAAW,YAAY,KAAA,CAAM,KAAK,IAAI,KAAA,CAAM,KAAA;AAAA,QACnE;AAAA,OAAA,EACH;AAAA,KAAA,EAAA,EANM,KAAA,CAAM,IAOd,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"metrics-line-chart-tooltip-BoG8nbkO.cjs","sources":["../src/ds/components/MetricsLineChart/metrics-line-chart-legend.tsx","../src/ds/components/MetricsLineChart/metrics-line-chart-tooltip.tsx"],"sourcesContent":["import type { MetricsLineChartSeries } from './metrics-line-chart';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsLineChartLegend({\n  data,\n  series,\n  className,\n}: {\n  data: Record<string, unknown>[];\n  series: MetricsLineChartSeries[];\n  className?: string;\n}) {\n  return (\n    <div className={cn('flex flex-wrap items-center gap-4 gap-y-1', className)}>\n      {series.map(s => {\n        const aggregated = s.aggregate?.(data);\n        return (\n          <div key={s.dataKey} className=\"inline-flex items-center gap-2\">\n            <div className=\"size-2 shrink-0 rounded-full\" style={{ backgroundColor: s.color }} />\n            <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"max-w-24 truncate\">\n              {s.label}\n            </Txt>\n            {aggregated && (\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                {aggregated.value}\n                {aggregated.suffix && (\n                  <Txt as=\"span\" variant=\"caption\" tone=\"faint\">\n                    {' '}\n                    {aggregated.suffix}\n                  </Txt>\n                )}\n              </Txt>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n","import { ChartTooltip } from '@/ds/components/ChartTooltip';\nimport { Txt } from '@/ds/components/Txt';\n\nexport function MetricsLineChartTooltip({\n  active,\n  payload,\n  label,\n  suffix,\n  formatValue = value => value.toLocaleString('en-US'),\n}: {\n  active?: boolean;\n  payload?: Array<{ name: string; value: number; color: string }>;\n  label?: string;\n  suffix?: string;\n  formatValue?: (value: number) => string;\n}) {\n  if (!active || !payload?.length) return null;\n  return (\n    <ChartTooltip>\n      <Txt variant=\"column\" tone=\"ink\" className=\"mb-1\">\n        {label}\n      </Txt>\n      {payload.map(entry => (\n        <p key={entry.name} className=\"text-foreground\">\n          <span className=\"mr-2 inline-block size-2 rounded-full\" style={{ backgroundColor: entry.color }} />\n          {entry.name}:{' '}\n          <span className=\"font-mono\">\n            {typeof entry.value === 'number' ? formatValue(entry.value) : entry.value}\n            {suffix}\n          </span>\n        </p>\n      ))}\n    </ChartTooltip>\n  );\n}\n"],"names":["jsx","cn","jsxs","Txt","ChartTooltip"],"mappings":";;;;;;;AAIO,SAAS,sBAAA,CAAuB;AAAA,EACrC,IAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACEA,cAAA,CAAC,SAAI,SAAA,EAAWC,WAAA,CAAG,6CAA6C,SAAS,CAAA,EACtE,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAA,CAAA,KAAK;AACf,IAAA,MAAM,UAAA,GAAa,CAAA,CAAE,SAAA,GAAY,IAAI,CAAA;AACrC,IAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAoB,SAAA,EAAU,gCAAA,EAC7B,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EAA+B,KAAA,EAAO,EAAE,eAAA,EAAiB,CAAA,CAAE,OAAM,EAAG,CAAA;AAAA,sBACnFA,cAAA,CAACG,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,mBAAA,EACrD,QAAA,EAAA,CAAA,CAAE,KAAA,EACL,CAAA;AAAA,MACC,UAAA,oCACEA,OAAA,EAAA,EAAI,EAAA,EAAG,QAAO,OAAA,EAAQ,SAAA,EAAU,MAAK,OAAA,EACnC,QAAA,EAAA;AAAA,QAAA,UAAA,CAAW,KAAA;AAAA,QACX,UAAA,CAAW,0BACVD,eAAA,CAACC,OAAA,EAAA,EAAI,IAAG,MAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EACnC,QAAA,EAAA;AAAA,UAAA,GAAA;AAAA,UACA,UAAA,CAAW;AAAA,SAAA,EACd;AAAA,OAAA,EAEJ;AAAA,KAAA,EAAA,EAdM,EAAE,OAgBZ,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;;ACpCO,SAAS,uBAAA,CAAwB;AAAA,EACtC,MAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA,GAAc,CAAA,KAAA,KAAS,KAAA,CAAM,cAAA,CAAe,OAAO;AACrD,CAAA,EAMG;AACD,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,EAAS,QAAQ,OAAO,IAAA;AACxC,EAAA,uCACGC,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAJ,cAAA,CAACG,WAAI,OAAA,EAAQ,QAAA,EAAS,MAAK,KAAA,EAAM,SAAA,EAAU,QACxC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC,QAAQ,GAAA,CAAI,CAAA,KAAA,qBACXD,eAAA,CAAC,GAAA,EAAA,EAAmB,WAAU,iBAAA,EAC5B,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uCAAA,EAAwC,KAAA,EAAO,EAAE,eAAA,EAAiB,KAAA,CAAM,OAAM,EAAG,CAAA;AAAA,MAChG,KAAA,CAAM,IAAA;AAAA,MAAK,GAAA;AAAA,MAAE,GAAA;AAAA,sBACdE,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,QAAA,OAAO,MAAM,KAAA,KAAU,QAAA,GAAW,YAAY,KAAA,CAAM,KAAK,IAAI,KAAA,CAAM,KAAA;AAAA,QACnE;AAAA,OAAA,EACH;AAAA,KAAA,EAAA,EANM,KAAA,CAAM,IAOd,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;;"}

package/dist/{metrics-line-chart-tooltip-mZXPH1yH.js → metrics-line-chart-tooltip-C3WAk3DN.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { T as Txt } from './Txt-BP1SRHmL.js';
+import { T as Txt } from './Txt-C3cYJgKU.js';
 import { c as cn } from './cn-65Adrsfj.js';
 import { C as ChartTooltip } from './chart-tooltip-84fl_3Wc.js';
 
@@ -48,4 +48,4 @@ function MetricsLineChartTooltip({
 }
 
 export { MetricsLineChartLegend as M, MetricsLineChartTooltip as a };
-//# sourceMappingURL=metrics-line-chart-tooltip-mZXPH1yH.js.map
+//# sourceMappingURL=metrics-line-chart-tooltip-C3WAk3DN.js.map

package/dist/{metrics-line-chart-tooltip-mZXPH1yH.js.map → metrics-line-chart-tooltip-C3WAk3DN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"metrics-line-chart-tooltip-mZXPH1yH.js","sources":["../src/ds/components/MetricsLineChart/metrics-line-chart-legend.tsx","../src/ds/components/MetricsLineChart/metrics-line-chart-tooltip.tsx"],"sourcesContent":["import type { MetricsLineChartSeries } from './metrics-line-chart';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsLineChartLegend({\n  data,\n  series,\n  className,\n}: {\n  data: Record<string, unknown>[];\n  series: MetricsLineChartSeries[];\n  className?: string;\n}) {\n  return (\n    <div className={cn('flex flex-wrap items-center gap-4 gap-y-1', className)}>\n      {series.map(s => {\n        const aggregated = s.aggregate?.(data);\n        return (\n          <div key={s.dataKey} className=\"inline-flex items-center gap-2\">\n            <div className=\"size-2 shrink-0 rounded-full\" style={{ backgroundColor: s.color }} />\n            <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"max-w-24 truncate\">\n              {s.label}\n            </Txt>\n            {aggregated && (\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                {aggregated.value}\n                {aggregated.suffix && (\n                  <Txt as=\"span\" variant=\"caption\" tone=\"faint\">\n                    {' '}\n                    {aggregated.suffix}\n                  </Txt>\n                )}\n              </Txt>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n","import { ChartTooltip } from '@/ds/components/ChartTooltip';\nimport { Txt } from '@/ds/components/Txt';\n\nexport function MetricsLineChartTooltip({\n  active,\n  payload,\n  label,\n  suffix,\n  formatValue = value => value.toLocaleString('en-US'),\n}: {\n  active?: boolean;\n  payload?: Array<{ name: string; value: number; color: string }>;\n  label?: string;\n  suffix?: string;\n  formatValue?: (value: number) => string;\n}) {\n  if (!active || !payload?.length) return null;\n  return (\n    <ChartTooltip>\n      <Txt variant=\"column\" tone=\"ink\" className=\"mb-1\">\n        {label}\n      </Txt>\n      {payload.map(entry => (\n        <p key={entry.name} className=\"text-foreground\">\n          <span className=\"mr-2 inline-block size-2 rounded-full\" style={{ backgroundColor: entry.color }} />\n          {entry.name}:{' '}\n          <span className=\"font-mono\">\n            {typeof entry.value === 'number' ? formatValue(entry.value) : entry.value}\n            {suffix}\n          </span>\n        </p>\n      ))}\n    </ChartTooltip>\n  );\n}\n"],"names":[],"mappings":";;;;;AAIO,SAAS,sBAAA,CAAuB;AAAA,EACrC,IAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,6CAA6C,SAAS,CAAA,EACtE,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAA,CAAA,KAAK;AACf,IAAA,MAAM,UAAA,GAAa,CAAA,CAAE,SAAA,GAAY,IAAI,CAAA;AACrC,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAoB,SAAA,EAAU,gCAAA,EAC7B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EAA+B,KAAA,EAAO,EAAE,eAAA,EAAiB,CAAA,CAAE,OAAM,EAAG,CAAA;AAAA,sBACnF,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,mBAAA,EACrD,QAAA,EAAA,CAAA,CAAE,KAAA,EACL,CAAA;AAAA,MACC,UAAA,yBACE,GAAA,EAAA,EAAI,EAAA,EAAG,QAAO,OAAA,EAAQ,SAAA,EAAU,MAAK,OAAA,EACnC,QAAA,EAAA;AAAA,QAAA,UAAA,CAAW,KAAA;AAAA,QACX,UAAA,CAAW,0BACV,IAAA,CAAC,GAAA,EAAA,EAAI,IAAG,MAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EACnC,QAAA,EAAA;AAAA,UAAA,GAAA;AAAA,UACA,UAAA,CAAW;AAAA,SAAA,EACd;AAAA,OAAA,EAEJ;AAAA,KAAA,EAAA,EAdM,EAAE,OAgBZ,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;;ACpCO,SAAS,uBAAA,CAAwB;AAAA,EACtC,MAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA,GAAc,CAAA,KAAA,KAAS,KAAA,CAAM,cAAA,CAAe,OAAO;AACrD,CAAA,EAMG;AACD,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,EAAS,QAAQ,OAAO,IAAA;AACxC,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAI,OAAA,EAAQ,QAAA,EAAS,MAAK,KAAA,EAAM,SAAA,EAAU,QACxC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC,QAAQ,GAAA,CAAI,CAAA,KAAA,qBACX,IAAA,CAAC,GAAA,EAAA,EAAmB,WAAU,iBAAA,EAC5B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uCAAA,EAAwC,KAAA,EAAO,EAAE,eAAA,EAAiB,KAAA,CAAM,OAAM,EAAG,CAAA;AAAA,MAChG,KAAA,CAAM,IAAA;AAAA,MAAK,GAAA;AAAA,MAAE,GAAA;AAAA,sBACd,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,QAAA,OAAO,MAAM,KAAA,KAAU,QAAA,GAAW,YAAY,KAAA,CAAM,KAAK,IAAI,KAAA,CAAM,KAAA;AAAA,QACnE;AAAA,OAAA,EACH;AAAA,KAAA,EAAA,EANM,KAAA,CAAM,IAOd,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"metrics-line-chart-tooltip-C3WAk3DN.js","sources":["../src/ds/components/MetricsLineChart/metrics-line-chart-legend.tsx","../src/ds/components/MetricsLineChart/metrics-line-chart-tooltip.tsx"],"sourcesContent":["import type { MetricsLineChartSeries } from './metrics-line-chart';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsLineChartLegend({\n  data,\n  series,\n  className,\n}: {\n  data: Record<string, unknown>[];\n  series: MetricsLineChartSeries[];\n  className?: string;\n}) {\n  return (\n    <div className={cn('flex flex-wrap items-center gap-4 gap-y-1', className)}>\n      {series.map(s => {\n        const aggregated = s.aggregate?.(data);\n        return (\n          <div key={s.dataKey} className=\"inline-flex items-center gap-2\">\n            <div className=\"size-2 shrink-0 rounded-full\" style={{ backgroundColor: s.color }} />\n            <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"max-w-24 truncate\">\n              {s.label}\n            </Txt>\n            {aggregated && (\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                {aggregated.value}\n                {aggregated.suffix && (\n                  <Txt as=\"span\" variant=\"caption\" tone=\"faint\">\n                    {' '}\n                    {aggregated.suffix}\n                  </Txt>\n                )}\n              </Txt>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n","import { ChartTooltip } from '@/ds/components/ChartTooltip';\nimport { Txt } from '@/ds/components/Txt';\n\nexport function MetricsLineChartTooltip({\n  active,\n  payload,\n  label,\n  suffix,\n  formatValue = value => value.toLocaleString('en-US'),\n}: {\n  active?: boolean;\n  payload?: Array<{ name: string; value: number; color: string }>;\n  label?: string;\n  suffix?: string;\n  formatValue?: (value: number) => string;\n}) {\n  if (!active || !payload?.length) return null;\n  return (\n    <ChartTooltip>\n      <Txt variant=\"column\" tone=\"ink\" className=\"mb-1\">\n        {label}\n      </Txt>\n      {payload.map(entry => (\n        <p key={entry.name} className=\"text-foreground\">\n          <span className=\"mr-2 inline-block size-2 rounded-full\" style={{ backgroundColor: entry.color }} />\n          {entry.name}:{' '}\n          <span className=\"font-mono\">\n            {typeof entry.value === 'number' ? formatValue(entry.value) : entry.value}\n            {suffix}\n          </span>\n        </p>\n      ))}\n    </ChartTooltip>\n  );\n}\n"],"names":[],"mappings":";;;;;AAIO,SAAS,sBAAA,CAAuB;AAAA,EACrC,IAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,6CAA6C,SAAS,CAAA,EACtE,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAA,CAAA,KAAK;AACf,IAAA,MAAM,UAAA,GAAa,CAAA,CAAE,SAAA,GAAY,IAAI,CAAA;AACrC,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAoB,SAAA,EAAU,gCAAA,EAC7B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EAA+B,KAAA,EAAO,EAAE,eAAA,EAAiB,CAAA,CAAE,OAAM,EAAG,CAAA;AAAA,sBACnF,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,mBAAA,EACrD,QAAA,EAAA,CAAA,CAAE,KAAA,EACL,CAAA;AAAA,MACC,UAAA,yBACE,GAAA,EAAA,EAAI,EAAA,EAAG,QAAO,OAAA,EAAQ,SAAA,EAAU,MAAK,OAAA,EACnC,QAAA,EAAA;AAAA,QAAA,UAAA,CAAW,KAAA;AAAA,QACX,UAAA,CAAW,0BACV,IAAA,CAAC,GAAA,EAAA,EAAI,IAAG,MAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EACnC,QAAA,EAAA;AAAA,UAAA,GAAA;AAAA,UACA,UAAA,CAAW;AAAA,SAAA,EACd;AAAA,OAAA,EAEJ;AAAA,KAAA,EAAA,EAdM,EAAE,OAgBZ,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;;ACpCO,SAAS,uBAAA,CAAwB;AAAA,EACtC,MAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA,GAAc,CAAA,KAAA,KAAS,KAAA,CAAM,cAAA,CAAe,OAAO;AACrD,CAAA,EAMG;AACD,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,EAAS,QAAQ,OAAO,IAAA;AACxC,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAI,OAAA,EAAQ,QAAA,EAAS,MAAK,KAAA,EAAM,SAAA,EAAU,QACxC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC,QAAQ,GAAA,CAAI,CAAA,KAAA,qBACX,IAAA,CAAC,GAAA,EAAA,EAAmB,WAAU,iBAAA,EAC5B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uCAAA,EAAwC,KAAA,EAAO,EAAE,eAAA,EAAiB,KAAA,CAAM,OAAM,EAAG,CAAA;AAAA,MAChG,KAAA,CAAM,IAAA;AAAA,MAAK,GAAA;AAAA,MAAE,GAAA;AAAA,sBACd,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,QAAA,OAAO,MAAM,KAAA,KAAU,QAAA,GAAW,YAAY,KAAA,CAAM,KAAK,IAAI,KAAA,CAAM,KAAA;AAAA,QACnE;AAAA,OAAA,EACH;AAAA,KAAA,EAAA,EANM,KAAA,CAAM,IAOd,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/new/layout/page-header.cjs.js

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

package/dist/new/layout/page-header.es.js

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

package/dist/new/settings.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const settingsRow = require('../settings-row-Dt4WnnRf.cjs');
+const settingsRow = require('../settings-row-UPZXTcx1.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const Txt = require('../Txt-DPmEpNbp.cjs');
+const Txt = require('../Txt-DNnvlrBo.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const SettingsTitleIdContext = React.createContext(void 0);

package/dist/new/settings.es.js

@@ -1,7 +1,7 @@
-export { S as SettingsContainer, a as SettingsFieldsetRow, b as SettingsRow } from '../settings-row-B0jGFpVw.js';
+export { S as SettingsContainer, a as SettingsFieldsetRow, b as SettingsRow } from '../settings-row-Dc6ECXjj.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useId, useContext, createContext } from 'react';
-import { T as Txt } from '../Txt-BP1SRHmL.js';
+import { T as Txt } from '../Txt-C3cYJgKU.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 
 const SettingsTitleIdContext = createContext(void 0);

package/dist/new/sidebar.cjs.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../sidebar.css');const jsxRuntime = require('react/jsx-runtime');
-const mainSidebarLinkActive = require('../main-sidebar-link-active-D8VSuJKx.cjs');
-const Txt = require('../Txt-DPmEpNbp.cjs');
+const mainSidebar = require('../main-sidebar-BWKVSRoQ.cjs');
+const Txt = require('../Txt-DNnvlrBo.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const React = require('react');
@@ -17,7 +17,7 @@ const v4 = require('zod/v4');
 const hooks_useLocalStorageState = require('../hooks/use-local-storage-state.cjs.js');
 
 function SidebarNewBrand({ logo, title, className, ...props }) {
-  const { state } = mainSidebarLinkActive.useMainSidebar();
+  const { state } = mainSidebar.useMainSidebar();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "sidebar-new-brand", className: utils_cn.cn("flex min-w-0 flex-1 items-center gap-2", className), ...props, children: [
     logo ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: logo }) : null,
     state === "collapsed" ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: title }) : /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "subheading", tone: "ink", className: "truncate font-body tracking-tight", children: title })
@@ -26,7 +26,7 @@ function SidebarNewBrand({ logo, title, className, ...props }) {
 
 const SidebarNewCommandHeader = React.forwardRef(
   function SidebarNewCommandHeader2({ className, children, ...props }, ref) {
-    const { state, isMobile } = mainSidebarLinkActive.useMainSidebar();
+    const { state, isMobile } = mainSidebar.useMainSidebar();
     return /* @__PURE__ */ jsxRuntime.jsx(
       "header",
       {
@@ -52,7 +52,7 @@ function SidebarNewFooter({ className, children, ...props }) {
 }
 
 const SidebarNewFooterMeta = React.forwardRef(function SidebarNewFooterMeta2({ className, children, action, ...props }, ref) {
-  const { state } = mainSidebarLinkActive.useMainSidebar();
+  const { state } = mainSidebar.useMainSidebar();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -86,14 +86,14 @@ const SidebarNewFooterMeta = React.forwardRef(function SidebarNewFooterMeta2({ c
 });
 
 function SidebarNewTrigger(props) {
-  const context = mainSidebarLinkActive.useMaybeSidebarState();
+  const context = mainSidebar.useMaybeSidebarState();
   if (context?.isMobile) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(mainSidebarLinkActive.MainSidebarTrigger, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(mainSidebar.MainSidebarTrigger, { ...props });
 }
 
 const hold = "animate-[sidebar-hold_var(--resize-dur)] motion-reduce:animate-none";
 function SidebarNewHeader({ className, children, collapsedLogo, ...props }) {
-  const sidebar = mainSidebarLinkActive.useMaybeSidebarState();
+  const sidebar = mainSidebar.useMaybeSidebarState();
   const collapsed = sidebar?.state === "collapsed";
   const isMobile = sidebar?.isMobile ?? false;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -223,7 +223,7 @@ const SidebarNewMeter = React.forwardRef(function SidebarNewMeter2({
   className,
   ...props
 }, ref) {
-  const ctx = mainSidebarLinkActive.useMaybeSidebarState();
+  const ctx = mainSidebar.useMaybeSidebarState();
   const state = stateProp ?? ctx?.state ?? "default";
   const Link = LinkProp ?? ctx?.LinkComponent ?? "a";
   const isCollapsed = state === "collapsed";
@@ -281,9 +281,9 @@ const SidebarNewMeter = React.forwardRef(function SidebarNewMeter2({
 });
 
 function SidebarNewNav({ children, className, ...props }) {
-  const isMobile = mainSidebarLinkActive.useMaybeSidebarState()?.isMobile ?? false;
+  const isMobile = mainSidebar.useMaybeSidebarState()?.isMobile ?? false;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    mainSidebarLinkActive.MainSidebarNav,
+    mainSidebar.MainSidebarNav,
     {
       className: utils_cn.cn(
         "-mr-1.5",
@@ -307,7 +307,7 @@ function SidebarNewNavHeader({
   LinkComponent: LinkProp,
   ...props
 }) {
-  const context = mainSidebarLinkActive.useMaybeSidebarState();
+  const context = mainSidebar.useMaybeSidebarState();
   const state = stateProp ?? context?.state ?? "default";
   const showTitle = state === "default";
   const Link = LinkProp ?? context?.LinkComponent ?? "a";
@@ -386,7 +386,7 @@ function sidebarNewNavStackPageClasses(active, page, className) {
 }
 
 function SidebarNewNavStackRootView({ children, className, ...props }) {
-  const { state } = mainSidebarLinkActive.useMainSidebar();
+  const { state } = mainSidebar.useMainSidebar();
   const { activeValue, rootValue } = useSidebarNewNavStack();
   const active = state === "collapsed" || activeValue === rootValue;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -412,7 +412,7 @@ function SidebarNewNavStackView({
   className,
   ...props
 }) {
-  const { state } = mainSidebarLinkActive.useMainSidebar();
+  const { state } = mainSidebar.useMainSidebar();
   const { activeValue, closeView } = useSidebarNewNavStack();
   const active = state !== "collapsed" && activeValue === value;
   const backRef = React.useRef(null);
@@ -453,7 +453,7 @@ function SidebarNewNavStackView({
             type: "button",
             "aria-label": `${backLabel}: ${title}`,
             onClick: handleBack,
-            className: utils_cn.cn(mainSidebarLinkActive.navItemClasses(), "mb-2 grid grid-cols-[2rem_1fr_2rem] px-1"),
+            className: utils_cn.cn(mainSidebar.navItemClasses(), "mb-2 grid grid-cols-[2rem_1fr_2rem] px-1"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeftIcon, { className: "justify-self-center", "aria-hidden": "true" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-center", children: title }),
@@ -479,9 +479,9 @@ function SidebarNewRoot({
   children,
   ...props
 }) {
-  const sidebar = mainSidebarLinkActive.useMaybeSidebarState();
+  const sidebar = mainSidebar.useMaybeSidebarState();
   const isRaised = variant === "raised" && !sidebar?.isMobile;
-  return /* @__PURE__ */ jsxRuntime.jsx("aside", { "aria-label": ariaLabel, className: "contents", children: /* @__PURE__ */ jsxRuntime.jsx(mainSidebarLinkActive.MainSidebarRoot, { mobileMode, ...props, children: isRaised ? /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("aside", { "aria-label": ariaLabel, className: "contents", children: /* @__PURE__ */ jsxRuntime.jsx(mainSidebar.MainSidebarRoot, { mobileMode, ...props, children: isRaised ? /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "data-slot": "sidebar-new-surface",
@@ -534,7 +534,7 @@ function SidebarNewSectionLink({
 }) {
   const childLinks = link.children ?? [];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    mainSidebarLinkActive.MainSidebarNavLink,
+    mainSidebar.MainSidebarNavLink,
     {
       link,
       isActive: isActive?.(link, activeCandidates) ?? link.isActive,
@@ -543,7 +543,7 @@ function SidebarNewSectionLink({
         if (event.target instanceof Element && event.target.closest("li") !== event.currentTarget) return;
         onSelect?.(link);
       },
-      subItems: childLinks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(mainSidebarLinkActive.MainSidebarNavList, { className: "mt-0.5", children: childLinks.map((child) => /* @__PURE__ */ jsxRuntime.jsx(
+      subItems: childLinks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(mainSidebar.MainSidebarNavList, { className: "mt-0.5", children: childLinks.map((child) => /* @__PURE__ */ jsxRuntime.jsx(
         SidebarNewSectionLink,
         {
           link: child,
@@ -585,7 +585,7 @@ function SidebarNewMoreLinks({
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     surfacedLinks.map(renderLink),
     foldedLinks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-      mainSidebarLinkActive.MainSidebarNavLink,
+      mainSidebar.MainSidebarNavLink,
       {
         link: { name: "More", url: "", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontalIcon, {}) },
         render: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -597,7 +597,7 @@ function SidebarNewMoreLinks({
             onClick: () => setExpanded((current) => !current),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontalIcon, { "aria-hidden": "true" }),
-              /* @__PURE__ */ jsxRuntime.jsx(mainSidebarLinkActive.MainSidebarNavLabel, { children: "More" })
+              /* @__PURE__ */ jsxRuntime.jsx(mainSidebar.MainSidebarNavLabel, { children: "More" })
             ]
           }
         ),
@@ -645,15 +645,15 @@ function SidebarNewSections({
     const headerId = section.title ? `${baseId}-${section.key}` : void 0;
     const activeCandidates = [...section.links, ...section.moreLinks ?? []];
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      mainSidebarLinkActive.MainSidebarNavSection,
+      mainSidebar.MainSidebarNavSection,
       {
         className,
         "aria-labelledby": headerId,
         "aria-label": !headerId ? section.key : void 0,
         children: [
-          showSeparator ? /* @__PURE__ */ jsxRuntime.jsx(mainSidebarLinkActive.MainSidebarNavSeparator, { className: "[&:after]:border-border" }) : null,
+          showSeparator ? /* @__PURE__ */ jsxRuntime.jsx(mainSidebar.MainSidebarNavSeparator, { className: "[&:after]:border-border" }) : null,
           section.title ? /* @__PURE__ */ jsxRuntime.jsx(SidebarNewNavHeader, { id: headerId, href: section.href, isActive: section.isHeaderActive, children: section.title }) : null,
-          /* @__PURE__ */ jsxRuntime.jsxs(mainSidebarLinkActive.MainSidebarNavList, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(mainSidebar.MainSidebarNavList, { children: [
             section.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
               SidebarNewSectionLink,
               {
@@ -689,25 +689,25 @@ const SidebarNew = Object.assign(SidebarNewRoot, {
   FooterMeta: SidebarNewFooterMeta,
   Header: SidebarNewHeader,
   Meter: SidebarNewMeter,
-  MobileTrigger: mainSidebarLinkActive.MainSidebarMobileTrigger,
+  MobileTrigger: mainSidebar.MainSidebarMobileTrigger,
   Nav: SidebarNewNav,
   NavHeader: SidebarNewNavHeader,
-  NavLabel: mainSidebarLinkActive.MainSidebarNavLabel,
-  NavLink: mainSidebarLinkActive.MainSidebarNavLink,
-  NavList: mainSidebarLinkActive.MainSidebarNavList,
-  NavSection: mainSidebarLinkActive.MainSidebarNavSection,
-  NavSeparator: mainSidebarLinkActive.MainSidebarNavSeparator,
+  NavLabel: mainSidebar.MainSidebarNavLabel,
+  NavLink: mainSidebar.MainSidebarNavLink,
+  NavList: mainSidebar.MainSidebarNavList,
+  NavSection: mainSidebar.MainSidebarNavSection,
+  NavSeparator: mainSidebar.MainSidebarNavSeparator,
   NavStack: SidebarNewNavStack,
-  Provider: mainSidebarLinkActive.MainSidebarProvider,
+  Provider: mainSidebar.MainSidebarProvider,
   SearchTrigger: SidebarNewSearchTrigger,
   Sections: SidebarNewSections,
   Trigger: SidebarNewTrigger
 });
 
-exports.SidebarNewProvider = mainSidebarLinkActive.MainSidebarProvider;
-exports.getIsLinkActive = mainSidebarLinkActive.getIsLinkActive;
-exports.navItemClasses = mainSidebarLinkActive.navItemClasses;
-exports.useSidebarNew = mainSidebarLinkActive.useMainSidebar;
+exports.SidebarNewProvider = mainSidebar.MainSidebarProvider;
+exports.getIsLinkActive = mainSidebar.getIsLinkActive;
+exports.navItemClasses = mainSidebar.navItemClasses;
+exports.useSidebarNew = mainSidebar.useMainSidebar;
 exports.SidebarNew = SidebarNew;
 exports.SidebarNewBrand = SidebarNewBrand;
 exports.SidebarNewCommandHeader = SidebarNewCommandHeader;