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

package/dist/src/domains/agents/components/agent-metadata/agent-metadata.d.ts

@@ -31,6 +31,7 @@ export interface AgentMetadataSkillListProps {
         name: string;
         description: string;
         license?: string;
+        path: string;
     }>;
     agentId: string;
     workspaceId?: string;

package/dist/src/domains/metrics/components/date-range-selector.d.ts

@@ -0,0 +1 @@
+export declare function DateRangeSelector(): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/index.d.ts

@@ -0,0 +1,28 @@
+export { MetricsDashboard } from './metrics-dashboard';
+export { MetricsProvider, useMetrics, isValidPreset } from '../hooks/use-metrics';
+export type { DatePreset } from '../hooks/use-metrics';
+export { useAgentRunsKpiMetrics } from '../hooks/use-agent-runs-kpi-metrics';
+export { useTotalTokensKpiMetrics } from '../hooks/use-total-tokens-kpi-metrics';
+export { useAvgScoreKpiMetrics } from '../hooks/use-avg-score-kpi-metrics';
+export { useMetricsFilters } from '../hooks/use-metrics-filters';
+export { DateRangeSelector } from './date-range-selector';
+export { MetricsCard } from '../../../ds/components/MetricsCard';
+export { MetricsDataTable } from '../../../ds/components/MetricsDataTable/metrics-data-table';
+export { MetricsKpiCard } from '../../../ds/components/MetricsKpiCard';
+export { ModelUsageCostCard } from './model-usage-cost-card';
+export { useModelUsageCostMetrics } from '../hooks/use-model-usage-cost-metrics';
+export type { ModelUsageRow } from '../hooks/use-model-usage-cost-metrics';
+export { HorizontalBars } from '../../../ds/components/HorizontalBars';
+export { TracesVolumeCard } from './traces-volume-card';
+export { useTraceVolumeMetrics } from '../hooks/use-trace-volume-metrics';
+export type { VolumeRow } from '../hooks/use-trace-volume-metrics';
+export { LatencyCard } from './latency-card';
+export { useLatencyMetrics } from '../hooks/use-latency-metrics';
+export type { LatencyPoint } from '../hooks/use-latency-metrics';
+export { ScoresCard } from './scores-card';
+export { useScoresMetrics } from '../hooks/use-scores-metrics';
+export type { ScorerSummary, ScoresOverTimePoint } from '../hooks/use-scores-metrics';
+export { TokenUsageByAgentCard } from './token-usage-by-agent-card';
+export { useTokenUsageByAgentMetrics } from '../hooks/use-token-usage-by-agent-metrics';
+export type { TokenUsageByAgentRow } from '../hooks/use-token-usage-by-agent-metrics';
+export { formatCompact, CHART_COLORS } from './metrics-utils';

package/dist/src/domains/metrics/components/latency-card.d.ts

@@ -0,0 +1 @@
+export declare function LatencyCard(): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/metrics-dashboard.d.ts

@@ -0,0 +1 @@
+export declare function MetricsDashboard(): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/domains/metrics/components/metrics-kpi-cards.d.ts

@@ -0,0 +1,4 @@
+export declare function AgentRunsKpiCard(): import("react/jsx-runtime").JSX.Element;
+export declare function ModelCostKpiCard(): import("react/jsx-runtime").JSX.Element;
+export declare function TotalTokensKpiCard(): import("react/jsx-runtime").JSX.Element;
+export declare function AvgScoreKpiCard(): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/metrics-utils.d.ts

@@ -0,0 +1,14 @@
+export declare function formatCompact(n: number): string;
+export declare const CHART_COLORS: {
+    readonly green: "#22c55e";
+    readonly orange: "#fb923c";
+    readonly pink: "#f472b6";
+    readonly purple: "#8b5cf6";
+    readonly blue: "#4f83f1";
+    readonly blueDark: "#2b5cd9";
+    readonly blueLight: "#6b8fe5";
+    readonly red: "#f87171";
+    readonly greenDark: "#15613a";
+    readonly redDark: "#991b1b";
+    readonly yellow: "#facc15";
+};

package/dist/src/domains/metrics/components/model-usage-cost-card.d.ts

@@ -0,0 +1 @@
+export declare function ModelUsageCostCard(): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/scores-card.d.ts

@@ -0,0 +1 @@
+export declare function ScoresCard(): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/token-usage-by-agent-card.d.ts

@@ -0,0 +1 @@
+export declare function TokenUsageByAgentCard(): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/traces-volume-card.d.ts

@@ -0,0 +1 @@
+export declare function TracesVolumeCard(): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/hooks/use-agent-runs-kpi-metrics.d.ts

@@ -0,0 +1,10 @@
+/** Total Agent Runs — count of agent duration metric observations */
+export declare function useAgentRunsKpiMetrics(): import('@tanstack/react-query').UseQueryResult<{
+    value: number | null;
+    estimatedCost?: number | null | undefined;
+    costUnit?: string | null | undefined;
+    previousValue?: number | null | undefined;
+    previousEstimatedCost?: number | null | undefined;
+    changePercent?: number | null | undefined;
+    costChangePercent?: number | null | undefined;
+}, Error>;

package/dist/src/domains/metrics/hooks/use-avg-score-kpi-metrics.d.ts

@@ -0,0 +1,10 @@
+/** Avg Score — average score from the old scores storage */
+export declare function useAvgScoreKpiMetrics(): import('@tanstack/react-query').UseQueryResult<{
+    value: null;
+    previousValue: null;
+    changePercent: null;
+} | {
+    value: number;
+    previousValue: null;
+    changePercent: null;
+}, Error>;

package/dist/src/domains/metrics/hooks/use-latency-metrics.d.ts

@@ -0,0 +1,11 @@
+export interface LatencyPoint {
+    [key: string]: unknown;
+    time: string;
+    p50: number;
+    p95: number;
+}
+export declare function useLatencyMetrics(): import('@tanstack/react-query').UseQueryResult<{
+    agentData: LatencyPoint[];
+    workflowData: LatencyPoint[];
+    toolData: LatencyPoint[];
+}, Error>;

package/dist/src/domains/metrics/hooks/use-metrics-filters.d.ts

@@ -0,0 +1,9 @@
+import { DatePreset, DateRange } from './use-metrics';
+export declare function useMetricsFilters(): {
+    datePreset: DatePreset;
+    customRange: DateRange | undefined;
+    timestamp: {
+        start: Date;
+        end: Date;
+    };
+};

package/dist/src/domains/metrics/hooks/use-metrics.d.ts

@@ -0,0 +1,56 @@
+import { ReactNode } from '../../../../node_modules/@types/react';
+declare const DATE_PRESETS: readonly [{
+    readonly label: "Last 24 hours";
+    readonly value: "24h";
+}, {
+    readonly label: "Last 3 days";
+    readonly value: "3d";
+}, {
+    readonly label: "Last 7 days";
+    readonly value: "7d";
+}, {
+    readonly label: "Last 14 days";
+    readonly value: "14d";
+}, {
+    readonly label: "Last 30 days";
+    readonly value: "30d";
+}];
+export type DatePreset = (typeof DATE_PRESETS)[number]['value'] | 'custom';
+export { DATE_PRESETS };
+export declare function isValidPreset(value: string | null | undefined): value is DatePreset;
+export type DateRange = {
+    from?: Date;
+    to?: Date;
+};
+export type Comparator = 'is' | 'is not';
+export type FilterGroup = {
+    id: string;
+    field: string;
+    comparator: Comparator;
+    values: string[];
+};
+export declare const MetricsContext: import('../../../../node_modules/@types/react').Context<{
+    datePreset: DatePreset;
+    setDatePreset: (v: DatePreset) => void;
+    customRange: DateRange | undefined;
+    setCustomRange: (v: DateRange | undefined) => void;
+    dateRangeLabel: string;
+    filterGroups: FilterGroup[];
+    setFilterGroups: React.Dispatch<React.SetStateAction<FilterGroup[]>>;
+    multiplier: number;
+}>;
+export declare function useMetrics(): {
+    datePreset: DatePreset;
+    setDatePreset: (v: DatePreset) => void;
+    customRange: DateRange | undefined;
+    setCustomRange: (v: DateRange | undefined) => void;
+    dateRangeLabel: string;
+    filterGroups: FilterGroup[];
+    setFilterGroups: React.Dispatch<React.SetStateAction<FilterGroup[]>>;
+    multiplier: number;
+};
+export declare function MetricsProvider({ children, initialPreset, onPresetChange, }: {
+    children: ReactNode;
+    initialPreset?: DatePreset;
+    onPresetChange?: (preset: DatePreset) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/hooks/use-model-usage-cost-metrics.d.ts

@@ -0,0 +1,8 @@
+export interface ModelUsageRow {
+    model: string;
+    input: string;
+    output: string;
+    cacheRead: string;
+    cacheWrite: string;
+}
+export declare function useModelUsageCostMetrics(): import('@tanstack/react-query').UseQueryResult<ModelUsageRow[], Error>;

package/dist/src/domains/metrics/hooks/use-scores-metrics.d.ts

@@ -0,0 +1,22 @@
+export interface ScorerSummary {
+    scorer: string;
+    avg: number;
+    min: number;
+    max: number;
+    count: number;
+}
+export interface ScoresOverTimePoint {
+    time: string;
+    [scorer: string]: string | number;
+}
+export declare function useScoresMetrics(): import('@tanstack/react-query').UseQueryResult<{
+    summaryData: never[];
+    overTimeData: never[];
+    scorerNames: never[];
+    avgScore: null;
+} | {
+    summaryData: ScorerSummary[];
+    overTimeData: ScoresOverTimePoint[];
+    scorerNames: string[];
+    avgScore: number;
+}, Error>;

package/dist/src/domains/metrics/hooks/use-token-usage-by-agent-metrics.d.ts

@@ -0,0 +1,7 @@
+export interface TokenUsageByAgentRow {
+    name: string;
+    total: number;
+    input: number;
+    output: number;
+}
+export declare function useTokenUsageByAgentMetrics(): import('@tanstack/react-query').UseQueryResult<TokenUsageByAgentRow[], Error>;

package/dist/src/domains/metrics/hooks/use-total-tokens-kpi-metrics.d.ts

@@ -0,0 +1,6 @@
+/** Total Tokens — sum of all input + output tokens */
+export declare function useTotalTokensKpiMetrics(): import('@tanstack/react-query').UseQueryResult<{
+    value: number | null;
+    previousValue: number | null;
+    changePercent: number | null;
+}, Error>;

package/dist/src/domains/metrics/hooks/use-trace-volume-metrics.d.ts

@@ -0,0 +1,10 @@
+export interface VolumeRow {
+    name: string;
+    completed: number;
+    errors: number;
+}
+export declare function useTraceVolumeMetrics(): import('@tanstack/react-query').UseQueryResult<{
+    agentData: VolumeRow[];
+    workflowData: VolumeRow[];
+    toolData: VolumeRow[];
+}, Error>;

package/dist/src/domains/metrics/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/src/domains/workspace/hooks/use-workspace-skills.d.ts

@@ -11,6 +11,7 @@ export declare const useWorkspaceSkills: (options?: {
 export declare const useWorkspaceSkill: (skillName: string, options?: {
     enabled?: boolean;
     workspaceId?: string;
+    path?: string;
 }) => import('@tanstack/react-query').UseQueryResult<Skill, unknown>;
 /**
  * Hook to list references for a skill via workspace
@@ -18,6 +19,7 @@ export declare const useWorkspaceSkill: (skillName: string, options?: {
 export declare const useWorkspaceSkillReferences: (skillName: string, options?: {
     enabled?: boolean;
     workspaceId?: string;
+    path?: string;
 }) => import('@tanstack/react-query').UseQueryResult<ListReferencesResponse, unknown>;
 /**
  * Hook to get a specific reference file content via workspace
@@ -25,6 +27,7 @@ export declare const useWorkspaceSkillReferences: (skillName: string, options?:
 export declare const useWorkspaceSkillReference: (skillName: string, referencePath: string, options?: {
     enabled?: boolean;
     workspaceId?: string;
+    path?: string;
 }) => import('@tanstack/react-query').UseQueryResult<GetReferenceResponse, unknown>;
 /**
  * Hook to search across skills via workspace
@@ -33,10 +36,11 @@ export declare const useSearchWorkspaceSkills: () => import('@tanstack/react-que
 /**
  * Hook to get a specific skill from an agent's workspace
  * @param agentId - The agent ID (used for query key)
- * @param skillName - The skill name to fetch
+ * @param skillPath - The skill path to fetch
  * @param options - Options including workspaceId and enabled flag
  */
 export declare const useAgentSkill: (agentId: string, skillName: string, options?: {
     enabled?: boolean;
     workspaceId?: string;
+    path?: string;
 }) => import('@tanstack/react-query').UseQueryResult<Skill, unknown>;

package/dist/src/domains/workspace/types.d.ts

@@ -142,7 +142,6 @@ export interface SkillMetadata {
     skillsShSource?: SkillsShSource;
 }
 export interface Skill extends SkillMetadata {
-    path: string;
     instructions: string;
     source: SkillSource;
     references: string[];
@@ -155,6 +154,7 @@ export interface ListSkillsResponse {
 }
 export interface SkillSearchResult {
     skillName: string;
+    skillPath: string;
     source: string;
     content: string;
     score: number;

package/dist/src/ds/components/DashboardCard/dashboard-card.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from '../../../../node_modules/@types/react';
+export type DashboardCardProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare function DashboardCard({ children, className }: DashboardCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DashboardCard/dashboard-card.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { DashboardCard } from './dashboard-card';
+declare const meta: Meta<typeof DashboardCard>;
+export default meta;
+type Story = StoryObj<typeof DashboardCard>;
+export declare const Default: Story;
+export declare const WithCustomClass: Story;
+export declare const MultipleCards: Story;

package/dist/src/ds/components/DashboardCard/index.d.ts

@@ -0,0 +1 @@
+export { DashboardCard, type DashboardCardProps } from './dashboard-card';

package/dist/src/ds/components/EntityList/entity-list-no-match.d.ts

@@ -0,0 +1,5 @@
+export type EntityListNoMatchProps = {
+    message?: string;
+    className?: string;
+};
+export declare function EntityListNoMatch({ message, className }: EntityListNoMatchProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list.d.ts

@@ -1,4 +1,5 @@
 import { EntityListCell, EntityListTextCell, EntityListNameCell, EntityListDescriptionCell } from './entity-list-cells';
+import { EntityListNoMatch } from './entity-list-no-match';
 import { EntityListRoot } from './entity-list-root';
 import { EntityListRowLink } from './entity-list-row-link';
 import { EntityListRows } from './entity-list-rows';
@@ -15,4 +16,5 @@ export declare const EntityList: typeof EntityListRoot & {
     TextCell: typeof EntityListTextCell;
     NameCell: typeof EntityListNameCell;
     DescriptionCell: typeof EntityListDescriptionCell;
+    NoMatch: typeof EntityListNoMatch;
 };

package/dist/src/ds/components/HorizontalBars/horizontal-bars.d.ts

@@ -0,0 +1,15 @@
+type Segment = {
+    label: string;
+    color: string;
+};
+export declare function HorizontalBars({ data, segments, maxVal, fmt, className, }: {
+    data: Array<{
+        name: string;
+        values: number[];
+    }>;
+    segments: Segment[];
+    maxVal: number;
+    fmt: (v: number) => string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ds/components/HorizontalBars/horizontal-bars.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { HorizontalBars } from './horizontal-bars';
+declare const meta: Meta<typeof HorizontalBars>;
+export default meta;
+type Story = StoryObj<typeof HorizontalBars>;
+export declare const Default: Story;
+export declare const Stacked: Story;

package/dist/src/ds/components/HorizontalBars/index.d.ts

@@ -0,0 +1 @@
+export { HorizontalBars } from './horizontal-bars';

package/dist/src/ds/components/MetricsCard/index.d.ts

@@ -0,0 +1,2 @@
+export { MetricsCard } from './metrics-card';
+export { MetricsKpiCard } from '../MetricsKpiCard';

package/dist/src/ds/components/MetricsCard/metrics-card-content.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from '../../../../node_modules/@types/react';
+export declare function MetricsCardContent({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsCard/metrics-card-description.d.ts

@@ -0,0 +1,4 @@
+export declare function MetricsCardDescription({ children, className }: {
+    children: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsCard/metrics-card-error.d.ts

@@ -0,0 +1,4 @@
+export declare function MetricsCardError({ message, className, }: {
+    message?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsCard/metrics-card-loading.d.ts

@@ -0,0 +1,3 @@
+export declare function MetricsCardLoading({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsCard/metrics-card-no-data.d.ts

@@ -0,0 +1,4 @@
+export declare function MetricsCardNoData({ message, className }: {
+    message?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsCard/metrics-card-root.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from '../../../../node_modules/@types/react';
+export declare function MetricsCardRoot({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsCard/metrics-card-summary.d.ts

@@ -0,0 +1,5 @@
+export declare function MetricsCardSummary({ value, label, className }: {
+    value: string;
+    label?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsCard/metrics-card-title-and-description.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from '../../../../node_modules/@types/react';
+type PropsWithTitleDescription = {
+    title: string;
+    description?: string;
+    children?: never;
+    className?: string;
+};
+type PropsWithChildren = {
+    title?: never;
+    description?: never;
+    children: ReactNode;
+    className?: string;
+};
+export declare function MetricsCardTitleAndDescription(props: PropsWithTitleDescription | PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ds/components/MetricsCard/metrics-card-title.d.ts

@@ -0,0 +1,4 @@
+export declare function MetricsCardTitle({ children, className }: {
+    children: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsCard/metrics-card-top-bar.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from '../../../../node_modules/@types/react';
+export declare function MetricsCardTopBar({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsCard/metrics-card.d.ts

@@ -0,0 +1,31 @@
+import { MetricsCardContent } from './metrics-card-content';
+import { MetricsCardDescription } from './metrics-card-description';
+import { MetricsCardError } from './metrics-card-error';
+import { MetricsCardLoading } from './metrics-card-loading';
+import { MetricsCardNoData } from './metrics-card-no-data';
+import { MetricsCardRoot } from './metrics-card-root';
+import { MetricsCardSummary } from './metrics-card-summary';
+import { MetricsCardTitle } from './metrics-card-title';
+import { MetricsCardTitleAndDescription } from './metrics-card-title-and-description';
+import { MetricsCardTopBar } from './metrics-card-top-bar';
+export declare const MetricsCard: typeof MetricsCardRoot & {
+    Root: typeof MetricsCardRoot;
+    Kpi: typeof import('../MetricsKpiCard/metrics-kpi-card-root').MetricsKpiCardRoot & {
+        Label: typeof import('../MetricsKpiCard/metrics-kpi-card-label').MetricsKpiCardLabel;
+        Value: typeof import('../MetricsKpiCard/metrics-kpi-card-value').MetricsKpiCardValue;
+        Change: typeof import('../MetricsKpiCard/metrics-kpi-card-change').MetricsKpiCardChange;
+        NoChange: typeof import('../MetricsKpiCard/metrics-kpi-card-no-change').MetricsKpiCardNoChange;
+        NoData: typeof import('../MetricsKpiCard/metrics-kpi-card-no-data').MetricsKpiCardNoData;
+        Error: typeof import('../MetricsKpiCard/metrics-kpi-card-error').MetricsKpiCardError;
+        Loading: typeof import('../MetricsKpiCard/metrics-kpi-card-loading').MetricsKpiCardLoading;
+    };
+    TopBar: typeof MetricsCardTopBar;
+    TitleAndDescription: typeof MetricsCardTitleAndDescription;
+    Title: typeof MetricsCardTitle;
+    Description: typeof MetricsCardDescription;
+    Summary: typeof MetricsCardSummary;
+    Loading: typeof MetricsCardLoading;
+    Error: typeof MetricsCardError;
+    Content: typeof MetricsCardContent;
+    NoData: typeof MetricsCardNoData;
+};

package/dist/src/ds/components/MetricsCard/metrics-card.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { MetricsCard } from './metrics-card';
+declare const meta: Meta<typeof MetricsCard>;
+export default meta;
+type Story = StoryObj<typeof MetricsCard>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const Error: Story;
+export declare const NoData: Story;
+export declare const WithSummary: Story;
+export declare const TitleOnly: Story;

package/dist/src/ds/components/MetricsDataTable/index.d.ts

@@ -0,0 +1 @@
+export { MetricsDataTable } from './metrics-data-table';

package/dist/src/ds/components/MetricsDataTable/metrics-data-table.d.ts

@@ -0,0 +1,13 @@
+type Column<T> = {
+    label: string;
+    value: (row: T) => string | number;
+    highlight?: boolean;
+};
+export declare function MetricsDataTable<T extends {
+    key: string;
+}>({ columns, data, className, }: {
+    columns: Column<T>[];
+    data: T[];
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/ds/components/MetricsDataTable/metrics-data-table.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { MetricsDataTable } from './metrics-data-table';
+type ModelRow = {
+    key: string;
+    model: string;
+    input: number;
+    output: number;
+    cacheRead: number;
+    cacheWrite: number;
+};
+declare const meta: Meta<typeof MetricsDataTable<ModelRow>>;
+export default meta;
+type Story = StoryObj<typeof MetricsDataTable<ModelRow>>;
+export declare const Default: Story;
+export declare const ManyRows: Story;
+export declare const Empty: Story;

package/dist/src/ds/components/MetricsFlexGrid/index.d.ts

@@ -0,0 +1 @@
+export { MetricsFlexGrid } from './metrics-flex-grid';

package/dist/src/ds/components/MetricsFlexGrid/metrics-flex-grid.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from '../../../../node_modules/@types/react';
+export declare function MetricsFlexGrid({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsFlexGrid/metrics-flex-grid.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { MetricsFlexGrid } from './metrics-flex-grid';
+declare const meta: Meta<typeof MetricsFlexGrid>;
+export default meta;
+type Story = StoryObj<typeof MetricsFlexGrid>;
+export declare const Default: Story;
+export declare const TwoItems: Story;

package/dist/src/ds/components/MetricsKpiCard/index.d.ts

@@ -0,0 +1 @@
+export { MetricsKpiCard } from './metrics-kpi-card';

package/dist/src/ds/components/MetricsKpiCard/metrics-kpi-card-change.d.ts

@@ -0,0 +1,6 @@
+export declare function MetricsKpiCardChange({ changePct, prevValue, lowerIsBetter, className, }: {
+    changePct: number;
+    prevValue?: string;
+    lowerIsBetter?: boolean;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsKpiCard/metrics-kpi-card-error.d.ts

@@ -0,0 +1,4 @@
+export declare function MetricsKpiCardError({ message, className, }: {
+    message?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsKpiCard/metrics-kpi-card-label.d.ts

@@ -0,0 +1,4 @@
+export declare function MetricsKpiCardLabel({ children, className }: {
+    children: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsKpiCard/metrics-kpi-card-loading.d.ts

@@ -0,0 +1,3 @@
+export declare function MetricsKpiCardLoading({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsKpiCard/metrics-kpi-card-no-change.d.ts

@@ -0,0 +1,4 @@
+export declare function MetricsKpiCardNoChange({ message, className, }: {
+    message?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsKpiCard/metrics-kpi-card-no-data.d.ts

@@ -0,0 +1,4 @@
+export declare function MetricsKpiCardNoData({ message, className }: {
+    message?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsKpiCard/metrics-kpi-card-root.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from '../../../../node_modules/@types/react';
+export declare function MetricsKpiCardRoot({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsKpiCard/metrics-kpi-card-value.d.ts

@@ -0,0 +1,4 @@
+export declare function MetricsKpiCardValue({ children, className }: {
+    children: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/MetricsKpiCard/metrics-kpi-card.d.ts

@@ -0,0 +1,17 @@
+import { MetricsKpiCardChange } from './metrics-kpi-card-change';
+import { MetricsKpiCardError } from './metrics-kpi-card-error';
+import { MetricsKpiCardLabel } from './metrics-kpi-card-label';
+import { MetricsKpiCardLoading } from './metrics-kpi-card-loading';
+import { MetricsKpiCardNoChange } from './metrics-kpi-card-no-change';
+import { MetricsKpiCardNoData } from './metrics-kpi-card-no-data';
+import { MetricsKpiCardRoot } from './metrics-kpi-card-root';
+import { MetricsKpiCardValue } from './metrics-kpi-card-value';
+export declare const MetricsKpiCard: typeof MetricsKpiCardRoot & {
+    Label: typeof MetricsKpiCardLabel;
+    Value: typeof MetricsKpiCardValue;
+    Change: typeof MetricsKpiCardChange;
+    NoChange: typeof MetricsKpiCardNoChange;
+    NoData: typeof MetricsKpiCardNoData;
+    Error: typeof MetricsKpiCardError;
+    Loading: typeof MetricsKpiCardLoading;
+};