@krizaka/charts 0.1.0 → 0.2.0

package/registry/examples/credit-usage/monthly-credits.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/charts registry. */
+declare const Example: ComponentType;
+export default Example;

package/registry/examples/credit-usage/monthly-credits.js

@@ -0,0 +1,24 @@
+"use client";
+
+// registry/examples/credit-usage/monthly-credits.tsx
+import { CreditUsage } from "@krizaka/charts/credits";
+import { jsx } from "react/jsx-runtime";
+var daily = [120, 180, 95, 210, 260, 140, 60, 75, 230, 310, 280, 190, 240, 300];
+function MonthlyCredits() {
+  return /* @__PURE__ */ jsx(
+    CreditUsage,
+    {
+      title: "Credits this month",
+      description: "Pro plan",
+      used: 3120,
+      limit: 5e3,
+      daily,
+      renewsAt: "2026-11-01",
+      now: /* @__PURE__ */ new Date("2026-10-11T09:00:00Z"),
+      labels: { remaining: "credits left of {limit}" }
+    }
+  );
+}
+export {
+  MonthlyCredits as default
+};

package/registry/examples/credit-usage/monthly-credits.tsx

@@ -0,0 +1,19 @@
+import { CreditUsage } from "@krizaka/charts/credits";
+
+// The credits used each day of the last two weeks (an Orazaka Pro plan of 5,000 credits).
+const daily = [120, 180, 95, 210, 260, 140, 60, 75, 230, 310, 280, 190, 240, 300];
+
+export default function MonthlyCredits() {
+  return (
+    <CreditUsage
+      title="Credits this month"
+      description="Pro plan"
+      used={3_120}
+      limit={5_000}
+      daily={daily}
+      renewsAt="2026-11-01"
+      now={new Date("2026-10-11T09:00:00Z")}
+      labels={{ remaining: "credits left of {limit}" }}
+    />
+  );
+}

package/registry/examples/credit-usage/native/monthly-credits.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/charts registry. */
+declare const Example: ComponentType;
+export default Example;

package/registry/examples/credit-usage/native/monthly-credits.js

@@ -0,0 +1,23 @@
+"use client";
+
+// registry/examples/credit-usage/native/monthly-credits.tsx
+import { CreditUsage } from "@krizaka/charts/native";
+import { jsx } from "react/jsx-runtime";
+var daily = [120, 180, 95, 210, 260, 140, 60, 75, 230, 310, 280, 190, 240, 300];
+function NativeMonthlyCredits() {
+  return /* @__PURE__ */ jsx(
+    CreditUsage,
+    {
+      title: "Credits this month",
+      used: 3120,
+      limit: 5e3,
+      daily,
+      renewsAt: "2026-11-01",
+      now: /* @__PURE__ */ new Date("2026-10-11T09:00:00Z"),
+      labels: { remaining: "credits left of {limit}" }
+    }
+  );
+}
+export {
+  NativeMonthlyCredits as default
+};

package/registry/examples/credit-usage/native/monthly-credits.tsx

@@ -0,0 +1,18 @@
+import { CreditUsage } from "@krizaka/charts/native";
+
+const daily = [120, 180, 95, 210, 260, 140, 60, 75, 230, 310, 280, 190, 240, 300];
+
+// The credits card of the mobile app.
+export default function NativeMonthlyCredits() {
+  return (
+    <CreditUsage
+      title="Credits this month"
+      used={3_120}
+      limit={5_000}
+      daily={daily}
+      renewsAt="2026-11-01"
+      now={new Date("2026-10-11T09:00:00Z")}
+      labels={{ remaining: "credits left of {limit}" }}
+    />
+  );
+}

package/registry/examples/credit-usage/storage-plan.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/charts registry. */
+declare const Example: ComponentType;
+export default Example;

package/registry/examples/credit-usage/storage-plan.js

@@ -0,0 +1,21 @@
+"use client";
+
+// registry/examples/credit-usage/storage-plan.tsx
+import { CreditUsage } from "@krizaka/charts/credits";
+import { jsx } from "react/jsx-runtime";
+function StoragePlan() {
+  return /* @__PURE__ */ jsx(
+    CreditUsage,
+    {
+      title: "Platform storage",
+      description: "Bunny Stream \xB7 Growth plan",
+      used: 1742,
+      limit: 2e3,
+      format: { style: "unit", unit: "gigabyte" },
+      labels: { remaining: "free of {limit}" }
+    }
+  );
+}
+export {
+  StoragePlan as default
+};

package/registry/examples/credit-usage/storage-plan.tsx

@@ -0,0 +1,15 @@
+import { CreditUsage } from "@krizaka/charts/credits";
+
+// Orochia's console: the platform's video storage, in gigabytes, past the warning level.
+export default function StoragePlan() {
+  return (
+    <CreditUsage
+      title="Platform storage"
+      description="Bunny Stream · Growth plan"
+      used={1_742}
+      limit={2_000}
+      format={{ style: "unit", unit: "gigabyte" }}
+      labels={{ remaining: "free of {limit}" }}
+    />
+  );
+}

package/registry/examples/earnings-chart/creator-month.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/charts registry. */
+declare const Example: ComponentType;
+export default Example;

package/registry/examples/earnings-chart/creator-month.js

@@ -0,0 +1,29 @@
+"use client";
+
+// registry/examples/earnings-chart/creator-month.tsx
+import { EarningsChart } from "@krizaka/charts/earnings";
+import { jsx } from "react/jsx-runtime";
+var months = [
+  { month: "2026-05", net: 18240 },
+  { month: "2026-06", net: 24510 },
+  { month: "2026-07", net: 21075 },
+  { month: "2026-08", net: 39820 },
+  { month: "2026-09", net: 44105 },
+  { month: "2026-10", net: 51290 }
+];
+function CreatorMonth() {
+  return /* @__PURE__ */ jsx(
+    EarningsChart,
+    {
+      title: "Your earnings",
+      data: months,
+      net: "net",
+      currency: "USD",
+      payoutThreshold: { value: 5e3, label: "Payout threshold" },
+      labels: { total: "earned over {count} months", change: "{change} vs September" }
+    }
+  );
+}
+export {
+  CreatorMonth as default
+};

package/registry/examples/earnings-chart/creator-month.tsx

@@ -0,0 +1,24 @@
+import { EarningsChart } from "@krizaka/charts/earnings";
+
+// Net earnings in cents, as the ledger stores them (Orochia /earnings).
+const months = [
+  { month: "2026-05", net: 182_40 },
+  { month: "2026-06", net: 245_10 },
+  { month: "2026-07", net: 210_75 },
+  { month: "2026-08", net: 398_20 },
+  { month: "2026-09", net: 441_05 },
+  { month: "2026-10", net: 512_90 },
+];
+
+export default function CreatorMonth() {
+  return (
+    <EarningsChart
+      title="Your earnings"
+      data={months}
+      net="net"
+      currency="USD"
+      payoutThreshold={{ value: 50_00, label: "Payout threshold" }}
+      labels={{ total: "earned over {count} months", change: "{change} vs September" }}
+    />
+  );
+}

package/registry/examples/earnings-chart/gross-and-net.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/charts registry. */
+declare const Example: ComponentType;
+export default Example;

package/registry/examples/earnings-chart/gross-and-net.js

@@ -0,0 +1,29 @@
+"use client";
+
+// registry/examples/earnings-chart/gross-and-net.tsx
+import { EarningsChart } from "@krizaka/charts/earnings";
+import { jsx } from "react/jsx-runtime";
+var months = [
+  { month: "2026-07", gross: 1248e3, net: 1060800 },
+  { month: "2026-08", gross: 1592e3, net: 1353200 },
+  { month: "2026-09", gross: 1821e3, net: 1547850 },
+  { month: "2026-10", gross: 2104500, net: 1788825 }
+];
+function GrossAndNet() {
+  return /* @__PURE__ */ jsx(
+    EarningsChart,
+    {
+      title: "Creator earnings",
+      description: "Gross volume and what creators keep after fees",
+      data: months,
+      gross: "gross",
+      net: "net",
+      currency: "USD",
+      labels: { total: "paid to creators over {count} months", change: "{change} vs last month", gross: "Gross volume", net: "Creators' net" },
+      exportable: ["csv"]
+    }
+  );
+}
+export {
+  GrossAndNet as default
+};

package/registry/examples/earnings-chart/gross-and-net.tsx

@@ -0,0 +1,24 @@
+import { EarningsChart } from "@krizaka/charts/earnings";
+
+// The platform's treasury: gross volume and creators' net, in cents.
+const months = [
+  { month: "2026-07", gross: 12_480_00, net: 10_608_00 },
+  { month: "2026-08", gross: 15_920_00, net: 13_532_00 },
+  { month: "2026-09", gross: 18_210_00, net: 15_478_50 },
+  { month: "2026-10", gross: 21_045_00, net: 17_888_25 },
+];
+
+export default function GrossAndNet() {
+  return (
+    <EarningsChart
+      title="Creator earnings"
+      description="Gross volume and what creators keep after fees"
+      data={months}
+      gross="gross"
+      net="net"
+      currency="USD"
+      labels={{ total: "paid to creators over {count} months", change: "{change} vs last month", gross: "Gross volume", net: "Creators' net" }}
+      exportable={["csv"]}
+    />
+  );
+}

package/registry/examples/earnings-chart/native/creator-month.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/charts registry. */
+declare const Example: ComponentType;
+export default Example;

package/registry/examples/earnings-chart/native/creator-month.js

@@ -0,0 +1,29 @@
+"use client";
+
+// registry/examples/earnings-chart/native/creator-month.tsx
+import { EarningsChart } from "@krizaka/charts/native";
+import { jsx } from "react/jsx-runtime";
+var months = [
+  { month: "2026-05", net: 18240 },
+  { month: "2026-06", net: 24510 },
+  { month: "2026-07", net: 21075 },
+  { month: "2026-08", net: 39820 },
+  { month: "2026-09", net: 44105 },
+  { month: "2026-10", net: 51290 }
+];
+function NativeCreatorMonth() {
+  return /* @__PURE__ */ jsx(
+    EarningsChart,
+    {
+      title: "Your earnings",
+      data: months,
+      net: "net",
+      currency: "USD",
+      height: 160,
+      labels: { total: "over {count} months", change: "{change} vs September" }
+    }
+  );
+}
+export {
+  NativeCreatorMonth as default
+};

package/registry/examples/earnings-chart/native/creator-month.tsx

@@ -0,0 +1,24 @@
+import { EarningsChart } from "@krizaka/charts/native";
+
+const months = [
+  { month: "2026-05", net: 182_40 },
+  { month: "2026-06", net: 245_10 },
+  { month: "2026-07", net: 210_75 },
+  { month: "2026-08", net: 398_20 },
+  { month: "2026-09", net: 441_05 },
+  { month: "2026-10", net: 512_90 },
+];
+
+// The earnings card of the app: the total first, the bars under it.
+export default function NativeCreatorMonth() {
+  return (
+    <EarningsChart
+      title="Your earnings"
+      data={months}
+      net="net"
+      currency="USD"
+      height={160}
+      labels={{ total: "over {count} months", change: "{change} vs September" }}
+    />
+  );
+}

package/registry/examples/goal-progress/challenge-pot.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/charts registry. */
+declare const Example: ComponentType;
+export default Example;

package/registry/examples/goal-progress/challenge-pot.js

@@ -0,0 +1,22 @@
+"use client";
+
+// registry/examples/goal-progress/challenge-pot.tsx
+import { GoalProgress } from "@krizaka/charts/goal";
+import { jsx } from "react/jsx-runtime";
+function ChallengePot() {
+  return /* @__PURE__ */ jsx(
+    GoalProgress,
+    {
+      title: "Backflip on the beach",
+      raised: 26200,
+      goal: 5e4,
+      currency: "USD",
+      supporters: 41,
+      timeLeft: "3 days",
+      height: 200
+    }
+  );
+}
+export {
+  ChallengePot as default
+};

package/registry/examples/goal-progress/challenge-pot.tsx

@@ -0,0 +1,16 @@
+import { GoalProgress } from "@krizaka/charts/goal";
+
+// An Orochia challenge: fans pledge towards a goal, held in escrow until it is met.
+export default function ChallengePot() {
+  return (
+    <GoalProgress
+      title="Backflip on the beach"
+      raised={262_00}
+      goal={500_00}
+      currency="USD"
+      supporters={41}
+      timeLeft="3 days"
+      height={200}
+    />
+  );
+}

package/registry/examples/goal-progress/goal-reached.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/charts registry. */
+declare const Example: ComponentType;
+export default Example;

package/registry/examples/goal-progress/goal-reached.js

@@ -0,0 +1,11 @@
+"use client";
+
+// registry/examples/goal-progress/goal-reached.tsx
+import { GoalProgress } from "@krizaka/charts/goal";
+import { jsx } from "react/jsx-runtime";
+function GoalReached() {
+  return /* @__PURE__ */ jsx(GoalProgress, { title: "Cover of the summer hit", raised: 118e3, goal: 1e5, currency: "EUR", supporters: 128, height: 200, locale: "fr-FR", labels: { raised: "collect\xE9s sur {goal}", reached: "Objectif atteint", supporters: "{count} soutiens" } });
+}
+export {
+  GoalReached as default
+};

package/registry/examples/goal-progress/goal-reached.tsx

@@ -0,0 +1,6 @@
+import { GoalProgress } from "@krizaka/charts/goal";
+
+// Past the goal: the arc stays full, the amount keeps counting, “Goal reached” is written.
+export default function GoalReached() {
+  return <GoalProgress title="Cover of the summer hit" raised={1_180_00} goal={1_000_00} currency="EUR" supporters={128} height={200} locale="fr-FR" labels={{ raised: "collectés sur {goal}", reached: "Objectif atteint", supporters: "{count} soutiens" }} />;
+}

package/registry/examples/goal-progress/native/challenge-pot.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/charts registry. */
+declare const Example: ComponentType;
+export default Example;

package/registry/examples/goal-progress/native/challenge-pot.js

@@ -0,0 +1,11 @@
+"use client";
+
+// registry/examples/goal-progress/native/challenge-pot.tsx
+import { GoalProgress } from "@krizaka/charts/native";
+import { jsx } from "react/jsx-runtime";
+function NativeChallengePot() {
+  return /* @__PURE__ */ jsx(GoalProgress, { title: "Backflip on the beach", raised: 26200, goal: 5e4, currency: "USD", supporters: 41, timeLeft: "3 days", height: 180 });
+}
+export {
+  NativeChallengePot as default
+};

package/registry/examples/goal-progress/native/challenge-pot.tsx

@@ -0,0 +1,6 @@
+import { GoalProgress } from "@krizaka/charts/native";
+
+// The challenge screen of the app.
+export default function NativeChallengePot() {
+  return <GoalProgress title="Backflip on the beach" raised={262_00} goal={500_00} currency="USD" supporters={41} timeLeft="3 days" height={180} />;
+}

package/registry/examples/job-throughput/live-hours.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/charts registry. */
+declare const Example: ComponentType;
+export default Example;

package/registry/examples/job-throughput/live-hours.js

@@ -0,0 +1,33 @@
+"use client";
+
+// registry/examples/job-throughput/live-hours.tsx
+import { JobThroughput } from "@krizaka/charts/throughput";
+import { jsx } from "react/jsx-runtime";
+var hours = [
+  { hour: "2026-10-11T09:00:00Z", done: 212, rejected: 4, waiting: 9 },
+  { hour: "2026-10-11T10:00:00Z", done: 268, rejected: 7, waiting: 14 },
+  { hour: "2026-10-11T11:00:00Z", done: 301, rejected: 22, waiting: 31 },
+  { hour: "2026-10-11T12:00:00Z", done: 244, rejected: 5, waiting: 12 },
+  { hour: "2026-10-11T13:00:00Z", done: 190, rejected: 3, waiting: 40 }
+];
+function LiveHours() {
+  return /* @__PURE__ */ jsx(
+    JobThroughput,
+    {
+      title: "Requests per hour",
+      data: hours,
+      x: "hour",
+      period: "time",
+      live: true,
+      statuses: [
+        { key: "done", label: "Done", tone: "success", outcome: "succeeded" },
+        { key: "rejected", label: "Rejected", tone: "danger", outcome: "failed" },
+        { key: "waiting", label: "Waiting", tone: "neutral" }
+      ],
+      labels: { total: "requests over {count} hours" }
+    }
+  );
+}
+export {
+  LiveHours as default
+};

package/registry/examples/job-throughput/live-hours.tsx

@@ -0,0 +1,28 @@
+import { JobThroughput } from "@krizaka/charts/throughput";
+
+// The console, per hour and live: its own statuses, translated by the app.
+const hours = [
+  { hour: "2026-10-11T09:00:00Z", done: 212, rejected: 4, waiting: 9 },
+  { hour: "2026-10-11T10:00:00Z", done: 268, rejected: 7, waiting: 14 },
+  { hour: "2026-10-11T11:00:00Z", done: 301, rejected: 22, waiting: 31 },
+  { hour: "2026-10-11T12:00:00Z", done: 244, rejected: 5, waiting: 12 },
+  { hour: "2026-10-11T13:00:00Z", done: 190, rejected: 3, waiting: 40 },
+];
+
+export default function LiveHours() {
+  return (
+    <JobThroughput
+      title="Requests per hour"
+      data={hours}
+      x="hour"
+      period="time"
+      live
+      statuses={[
+        { key: "done", label: "Done", tone: "success", outcome: "succeeded" },
+        { key: "rejected", label: "Rejected", tone: "danger", outcome: "failed" },
+        { key: "waiting", label: "Waiting", tone: "neutral" },
+      ]}
+      labels={{ total: "requests over {count} hours" }}
+    />
+  );
+}

package/registry/examples/job-throughput/native/week-of-jobs.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/charts registry. */
+declare const Example: ComponentType;
+export default Example;

package/registry/examples/job-throughput/native/week-of-jobs.js

@@ -0,0 +1,20 @@
+"use client";
+
+// registry/examples/job-throughput/native/week-of-jobs.tsx
+import { JobThroughput } from "@krizaka/charts/native";
+import { jsx } from "react/jsx-runtime";
+var days = [
+  { day: "2026-10-05", completed: 1240, failed: 38, running: 0, queued: 0 },
+  { day: "2026-10-06", completed: 1612, failed: 41, running: 0, queued: 0 },
+  { day: "2026-10-07", completed: 1505, failed: 95, running: 0, queued: 0 },
+  { day: "2026-10-08", completed: 1788, failed: 27, running: 0, queued: 0 },
+  { day: "2026-10-09", completed: 1934, failed: 33, running: 0, queued: 0 },
+  { day: "2026-10-10", completed: 1102, failed: 19, running: 0, queued: 0 },
+  { day: "2026-10-11", completed: 986, failed: 12, running: 24, queued: 63 }
+];
+function NativeWeekOfJobs() {
+  return /* @__PURE__ */ jsx(JobThroughput, { title: "Jobs this week", data: days, height: 160, labels: { total: "jobs over {count} days" } });
+}
+export {
+  NativeWeekOfJobs as default
+};

package/registry/examples/job-throughput/native/week-of-jobs.tsx

@@ -0,0 +1,16 @@
+import { JobThroughput } from "@krizaka/charts/native";
+
+const days = [
+  { day: "2026-10-05", completed: 1_240, failed: 38, running: 0, queued: 0 },
+  { day: "2026-10-06", completed: 1_612, failed: 41, running: 0, queued: 0 },
+  { day: "2026-10-07", completed: 1_505, failed: 95, running: 0, queued: 0 },
+  { day: "2026-10-08", completed: 1_788, failed: 27, running: 0, queued: 0 },
+  { day: "2026-10-09", completed: 1_934, failed: 33, running: 0, queued: 0 },
+  { day: "2026-10-10", completed: 1_102, failed: 19, running: 0, queued: 0 },
+  { day: "2026-10-11", completed: 986, failed: 12, running: 24, queued: 63 },
+];
+
+// The mobile Jobs screen: the total and the success rate first.
+export default function NativeWeekOfJobs() {
+  return <JobThroughput title="Jobs this week" data={days} height={160} labels={{ total: "jobs over {count} days" }} />;
+}

package/registry/examples/job-throughput/week-of-jobs.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/charts registry. */
+declare const Example: ComponentType;
+export default Example;

package/registry/examples/job-throughput/week-of-jobs.js

@@ -0,0 +1,20 @@
+"use client";
+
+// registry/examples/job-throughput/week-of-jobs.tsx
+import { JobThroughput } from "@krizaka/charts/throughput";
+import { jsx } from "react/jsx-runtime";
+var days = [
+  { day: "2026-10-05", completed: 1240, failed: 38, running: 0, queued: 0 },
+  { day: "2026-10-06", completed: 1612, failed: 41, running: 0, queued: 0 },
+  { day: "2026-10-07", completed: 1505, failed: 95, running: 0, queued: 0 },
+  { day: "2026-10-08", completed: 1788, failed: 27, running: 0, queued: 0 },
+  { day: "2026-10-09", completed: 1934, failed: 33, running: 0, queued: 0 },
+  { day: "2026-10-10", completed: 1102, failed: 19, running: 0, queued: 0 },
+  { day: "2026-10-11", completed: 986, failed: 12, running: 24, queued: 63 }
+];
+function WeekOfJobs() {
+  return /* @__PURE__ */ jsx(JobThroughput, { title: "Jobs this week", data: days, labels: { total: "jobs over {count} days" } });
+}
+export {
+  WeekOfJobs as default
+};

package/registry/examples/job-throughput/week-of-jobs.tsx

@@ -0,0 +1,16 @@
+import { JobThroughput } from "@krizaka/charts/throughput";
+
+// Orazaka jobs per day, by status (the default statuses: completed, failed, running, queued).
+const days = [
+  { day: "2026-10-05", completed: 1_240, failed: 38, running: 0, queued: 0 },
+  { day: "2026-10-06", completed: 1_612, failed: 41, running: 0, queued: 0 },
+  { day: "2026-10-07", completed: 1_505, failed: 95, running: 0, queued: 0 },
+  { day: "2026-10-08", completed: 1_788, failed: 27, running: 0, queued: 0 },
+  { day: "2026-10-09", completed: 1_934, failed: 33, running: 0, queued: 0 },
+  { day: "2026-10-10", completed: 1_102, failed: 19, running: 0, queued: 0 },
+  { day: "2026-10-11", completed: 986, failed: 12, running: 24, queued: 63 },
+];
+
+export default function WeekOfJobs() {
+  return <JobThroughput title="Jobs this week" data={days} labels={{ total: "jobs over {count} days" }} />;
+}

package/registry/examples/latency-chart/by-capability.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/charts registry. */
+declare const Example: ComponentType;
+export default Example;

package/registry/examples/latency-chart/by-capability.js

@@ -0,0 +1,26 @@
+"use client";
+
+// registry/examples/latency-chart/by-capability.tsx
+import { LatencyChart } from "@krizaka/charts/latency";
+import { jsx } from "react/jsx-runtime";
+var capabilities = [
+  { name: "Chat", p50: 420, p95: 1180 },
+  { name: "Embeddings", p50: 85, p95: 210 },
+  { name: "Speech to text", p50: 1350, p95: 2900 },
+  { name: "Image", p50: 4200, p95: 9800 },
+  { name: "Translation", p50: 610, p95: 1640 }
+];
+function ByCapability() {
+  return /* @__PURE__ */ jsx(
+    LatencyChart,
+    {
+      title: "Latency by capability",
+      description: "Last 24 hours",
+      data: capabilities,
+      objective: { value: 2e3, label: "Objective" }
+    }
+  );
+}
+export {
+  ByCapability as default
+};