@krizaka/charts 0.0.0-stage → 0.2.0

package/registry/examples/latency-chart/time-to-result.js

@@ -0,0 +1,27 @@
+"use client";
+
+// registry/examples/latency-chart/time-to-result.tsx
+import { LatencyChart } from "@krizaka/charts/latency";
+import { jsx } from "react/jsx-runtime";
+var kinds = [
+  { kind: "Summary", median: 8400 },
+  { kind: "Transcript", median: 46e3 },
+  { kind: "Dubbing", median: 312e3 },
+  { kind: "Video clip", median: 54e4 }
+];
+function TimeToResult() {
+  return /* @__PURE__ */ jsx(
+    LatencyChart,
+    {
+      title: "Time to result",
+      data: kinds,
+      x: "kind",
+      p50: "median",
+      p95: null,
+      labels: { p50: "Median", slowest: "median of {name}, the slowest" }
+    }
+  );
+}
+export {
+  TimeToResult as default
+};

package/registry/examples/latency-chart/time-to-result.tsx

@@ -0,0 +1,22 @@
+import { LatencyChart } from "@krizaka/charts/latency";
+
+// Orazaka: how long a job takes to give its result, per kind — seconds turn into minutes.
+const kinds = [
+  { kind: "Summary", median: 8_400 },
+  { kind: "Transcript", median: 46_000 },
+  { kind: "Dubbing", median: 312_000 },
+  { kind: "Video clip", median: 540_000 },
+];
+
+export default function TimeToResult() {
+  return (
+    <LatencyChart
+      title="Time to result"
+      data={kinds}
+      x="kind"
+      p50="median"
+      p95={null}
+      labels={{ p50: "Median", slowest: "median of {name}, the slowest" }}
+    />
+  );
+}

package/registry/examples/line-chart/creator-earnings.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/line-chart/creator-earnings.js

@@ -0,0 +1,35 @@
+"use client";
+
+// registry/examples/line-chart/creator-earnings.tsx
+import { LineChart } from "@krizaka/charts/line";
+import { jsx } from "react/jsx-runtime";
+var earnings = [
+  { month: "2026-04", earnings: 182e3, tips: 21e3 },
+  { month: "2026-05", earnings: 164e3, tips: 18500 },
+  { month: "2026-06", earnings: 231e3, tips: 26e3 },
+  { month: "2026-07", earnings: 298e3, tips: 31e3 },
+  { month: "2026-08", earnings: 276e3, tips: 35500 },
+  { month: "2026-09", earnings: 342e3, tips: 41e3 }
+];
+function CreatorEarnings() {
+  return /* @__PURE__ */ jsx(
+    LineChart,
+    {
+      title: "Earnings, last 6 months",
+      description: "Video sales and tips, before fees",
+      data: earnings,
+      x: "month",
+      xLabel: "Month",
+      series: [
+        { key: "earnings", label: "Video sales" },
+        { key: "tips", label: "Tips" }
+      ],
+      format: { style: "money", currency: "EUR" },
+      thresholds: [{ value: 25e4, label: "Payout threshold", tone: "success" }],
+      exportable: true
+    }
+  );
+}
+export {
+  CreatorEarnings as default
+};

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

@@ -0,0 +1,30 @@
+import { LineChart } from "@krizaka/charts/line";
+
+// Amounts in cents, as the ledger stores them.
+const earnings = [
+  { month: "2026-04", earnings: 182_000, tips: 21_000 },
+  { month: "2026-05", earnings: 164_000, tips: 18_500 },
+  { month: "2026-06", earnings: 231_000, tips: 26_000 },
+  { month: "2026-07", earnings: 298_000, tips: 31_000 },
+  { month: "2026-08", earnings: 276_000, tips: 35_500 },
+  { month: "2026-09", earnings: 342_000, tips: 41_000 },
+];
+
+export default function CreatorEarnings() {
+  return (
+    <LineChart
+      title="Earnings, last 6 months"
+      description="Video sales and tips, before fees"
+      data={earnings}
+      x="month"
+      xLabel="Month"
+      series={[
+        { key: "earnings", label: "Video sales" },
+        { key: "tips", label: "Tips" },
+      ]}
+      format={{ style: "money", currency: "EUR" }}
+      thresholds={[{ value: 250_000, label: "Payout threshold", tone: "success" }]}
+      exportable
+    />
+  );
+}

package/registry/examples/line-chart/forecast.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/line-chart/forecast.js

@@ -0,0 +1,36 @@
+"use client";
+
+// registry/examples/line-chart/forecast.tsx
+import { LineChart } from "@krizaka/charts/line";
+import { jsx } from "react/jsx-runtime";
+var requests = [
+  { week: "2026-07-06", actual: 41200 },
+  { week: "2026-07-13", actual: 43900 },
+  { week: "2026-07-20", actual: 47100 },
+  { week: "2026-07-27", actual: 52800, forecast: 52800 },
+  { week: "2026-08-03", forecast: 57400 },
+  { week: "2026-08-10", forecast: 61e3 },
+  { week: "2026-08-17", forecast: 66300 }
+];
+function Forecast() {
+  return /* @__PURE__ */ jsx(
+    LineChart,
+    {
+      title: "Inference requests per week",
+      description: "Actual, then forecast",
+      data: requests,
+      x: "week",
+      xFormat: "day",
+      series: [
+        { key: "actual", label: "Actual" },
+        { key: "forecast", label: "Forecast", color: 1, dashed: true }
+      ],
+      format: "compact",
+      markers: [{ x: "2026-07-27", label: "Studio launch", tone: "accent" }],
+      dots: true
+    }
+  );
+}
+export {
+  Forecast as default
+};

package/registry/examples/line-chart/forecast.tsx

@@ -0,0 +1,30 @@
+import { LineChart } from "@krizaka/charts/line";
+
+const requests = [
+  { week: "2026-07-06", actual: 41_200 },
+  { week: "2026-07-13", actual: 43_900 },
+  { week: "2026-07-20", actual: 47_100 },
+  { week: "2026-07-27", actual: 52_800, forecast: 52_800 },
+  { week: "2026-08-03", forecast: 57_400 },
+  { week: "2026-08-10", forecast: 61_000 },
+  { week: "2026-08-17", forecast: 66_300 },
+];
+
+export default function Forecast() {
+  return (
+    <LineChart
+      title="Inference requests per week"
+      description="Actual, then forecast"
+      data={requests}
+      x="week"
+      xFormat="day"
+      series={[
+        { key: "actual", label: "Actual" },
+        { key: "forecast", label: "Forecast", color: 1, dashed: true },
+      ]}
+      format="compact"
+      markers={[{ x: "2026-07-27", label: "Studio launch", tone: "accent" }]}
+      dots
+    />
+  );
+}

package/registry/examples/line-chart/live-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/line-chart/live-jobs.js

@@ -0,0 +1,21 @@
+"use client";
+
+// registry/examples/line-chart/live-jobs.tsx
+import { LineChart } from "@krizaka/charts/line";
+import { useSlidingWindow } from "@krizaka/charts/provider";
+import { jsx, jsxs } from "react/jsx-runtime";
+var start = [18, 22, 19, 25, 31, 28, 26, 33, 37, 35].map((completed, i) => ({ at: `2026-10-11T14:${String(20 + i).padStart(2, "0")}Z`, completed }));
+function LiveJobs() {
+  const { data, push } = useSlidingWindow(10, start);
+  const next = () => {
+    const last = new Date(data[data.length - 1].at);
+    push({ at: new Date(last.getTime() + 6e4).toISOString(), completed: 20 + data.length * 7 % 19 });
+  };
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 8 }, children: [
+    /* @__PURE__ */ jsx(LineChart, { title: "Jobs completed per minute", data, x: "at", xFormat: "time", y: "completed", yLabel: "Jobs", format: "integer", live: true, dots: true }),
+    /* @__PURE__ */ jsx("button", { type: "button", onClick: next, style: { justifySelf: "start", padding: "4px 10px", borderRadius: 8, border: "1px solid var(--kz-border-default)", background: "var(--kz-surface-2)", color: "var(--kz-text-primary)" }, children: "Next minute" })
+  ] });
+}
+export {
+  LiveJobs as default
+};

package/registry/examples/line-chart/live-jobs.tsx

@@ -0,0 +1,23 @@
+"use client";
+import { LineChart } from "@krizaka/charts/line";
+import { useSlidingWindow } from "@krizaka/charts/provider";
+
+type Minute = { at: string; completed: number };
+const start: Minute[] = [18, 22, 19, 25, 31, 28, 26, 33, 37, 35].map((completed, i) => ({ at: `2026-10-11T14:${String(20 + i).padStart(2, "0")}Z`, completed }));
+
+export default function LiveJobs() {
+  // The last 10 minutes; in an app, `push` is called by a server-sent event.
+  const { data, push } = useSlidingWindow<Minute>(10, start);
+  const next = () => {
+    const last = new Date(data[data.length - 1]!.at);
+    push({ at: new Date(last.getTime() + 60_000).toISOString(), completed: 20 + ((data.length * 7) % 19) });
+  };
+  return (
+    <div style={{ display: "grid", gap: 8 }}>
+      <LineChart title="Jobs completed per minute" data={data} x="at" xFormat="time" y="completed" yLabel="Jobs" format="integer" live dots />
+      <button type="button" onClick={next} style={{ justifySelf: "start", padding: "4px 10px", borderRadius: 8, border: "1px solid var(--kz-border-default)", background: "var(--kz-surface-2)", color: "var(--kz-text-primary)" }}>
+        Next minute
+      </button>
+    </div>
+  );
+}

package/registry/examples/line-chart/native/creator-earnings.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/line-chart/native/creator-earnings.js

@@ -0,0 +1,32 @@
+"use client";
+
+// registry/examples/line-chart/native/creator-earnings.tsx
+import { LineChart } from "@krizaka/charts/native";
+import { jsx } from "react/jsx-runtime";
+var earnings = [
+  { month: "2026-04", earnings: 182e3, tips: 21e3 },
+  { month: "2026-05", earnings: 164e3, tips: 18500 },
+  { month: "2026-06", earnings: 231e3, tips: 26e3 },
+  { month: "2026-07", earnings: 298e3, tips: 31e3 },
+  { month: "2026-08", earnings: 276e3, tips: 35500 },
+  { month: "2026-09", earnings: 342e3, tips: 41e3 }
+];
+function CreatorEarnings() {
+  return /* @__PURE__ */ jsx(
+    LineChart,
+    {
+      title: "Earnings, last 6 months",
+      data: earnings,
+      x: "month",
+      series: [
+        { key: "earnings", label: "Video sales" },
+        { key: "tips", label: "Tips" }
+      ],
+      format: { style: "money", currency: "EUR" },
+      thresholds: [{ value: 25e4, label: "Payout threshold", tone: "success" }]
+    }
+  );
+}
+export {
+  CreatorEarnings as default
+};

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

@@ -0,0 +1,26 @@
+import { LineChart } from "@krizaka/charts/native";
+
+const earnings = [
+  { month: "2026-04", earnings: 182_000, tips: 21_000 },
+  { month: "2026-05", earnings: 164_000, tips: 18_500 },
+  { month: "2026-06", earnings: 231_000, tips: 26_000 },
+  { month: "2026-07", earnings: 298_000, tips: 31_000 },
+  { month: "2026-08", earnings: 276_000, tips: 35_500 },
+  { month: "2026-09", earnings: 342_000, tips: 41_000 },
+];
+
+export default function CreatorEarnings() {
+  return (
+    <LineChart
+      title="Earnings, last 6 months"
+      data={earnings}
+      x="month"
+      series={[
+        { key: "earnings", label: "Video sales" },
+        { key: "tips", label: "Tips" },
+      ]}
+      format={{ style: "money", currency: "EUR" }}
+      thresholds={[{ value: 250_000, label: "Payout threshold", tone: "success" }]}
+    />
+  );
+}

package/registry/examples/line-chart/states.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/line-chart/states.js

@@ -0,0 +1,16 @@
+"use client";
+
+// registry/examples/line-chart/states.tsx
+import { LineChart } from "@krizaka/charts/line";
+import { jsx, jsxs } from "react/jsx-runtime";
+var series = [{ key: "views", label: "Views" }];
+function States() {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 24 }, children: [
+    /* @__PURE__ */ jsx(LineChart, { title: "Views (loading)", data: [], x: "day", series, height: 140, loading: true }),
+    /* @__PURE__ */ jsx(LineChart, { title: "Views (no data yet)", data: [], x: "day", series, height: 140 }),
+    /* @__PURE__ */ jsx(LineChart, { title: "Views (failed)", data: [], x: "day", series, height: 140, error: true })
+  ] });
+}
+export {
+  States as default
+};

package/registry/examples/line-chart/states.tsx

@@ -0,0 +1,13 @@
+import { LineChart } from "@krizaka/charts/line";
+
+const series = [{ key: "views", label: "Views" }] as const;
+
+export default function States() {
+  return (
+    <div style={{ display: "grid", gap: 24 }}>
+      <LineChart title="Views (loading)" data={[]} x="day" series={series} height={140} loading />
+      <LineChart title="Views (no data yet)" data={[]} x="day" series={series} height={140} />
+      <LineChart title="Views (failed)" data={[]} x="day" series={series} height={140} error />
+    </div>
+  );
+}

package/registry/examples/pie-chart/credit-spend.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/pie-chart/credit-spend.js

@@ -0,0 +1,30 @@
+"use client";
+
+// registry/examples/pie-chart/credit-spend.tsx
+import { DonutChart } from "@krizaka/charts/pie";
+import { jsx } from "react/jsx-runtime";
+var spend = [
+  { model: "Chat \xB7 Mistral Large", credits: 18400 },
+  { model: "Image \xB7 Flux", credits: 9650 },
+  { model: "Video \xB7 Wan 2.2", credits: 7200 },
+  { model: "Speech \xB7 Whisper", credits: 2100 },
+  { model: "Embeddings", credits: 640 }
+];
+function CreditSpend() {
+  return /* @__PURE__ */ jsx(
+    DonutChart,
+    {
+      title: "Credits spent in September",
+      data: spend,
+      label: "model",
+      value: "credits",
+      labelHeader: "Model",
+      valueHeader: "Credits",
+      format: "integer",
+      centerLabel: "credits"
+    }
+  );
+}
+export {
+  CreditSpend as default
+};

package/registry/examples/pie-chart/credit-spend.tsx

@@ -0,0 +1,24 @@
+import { DonutChart } from "@krizaka/charts/pie";
+
+const spend = [
+  { model: "Chat · Mistral Large", credits: 18_400 },
+  { model: "Image · Flux", credits: 9_650 },
+  { model: "Video · Wan 2.2", credits: 7_200 },
+  { model: "Speech · Whisper", credits: 2_100 },
+  { model: "Embeddings", credits: 640 },
+];
+
+export default function CreditSpend() {
+  return (
+    <DonutChart
+      title="Credits spent in September"
+      data={spend}
+      label="model"
+      value="credits"
+      labelHeader="Model"
+      valueHeader="Credits"
+      format="integer"
+      centerLabel="credits"
+    />
+  );
+}

package/registry/examples/pie-chart/native/credit-spend.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/pie-chart/native/credit-spend.js

@@ -0,0 +1,17 @@
+"use client";
+
+// registry/examples/pie-chart/native/credit-spend.tsx
+import { DonutChart } from "@krizaka/charts/native";
+import { jsx } from "react/jsx-runtime";
+var spend = [
+  { model: "Chat", credits: 18400 },
+  { model: "Image", credits: 9650 },
+  { model: "Video", credits: 7200 },
+  { model: "Speech", credits: 2100 }
+];
+function CreditSpend() {
+  return /* @__PURE__ */ jsx(DonutChart, { title: "Credits spent in September", data: spend, label: "model", value: "credits", format: "compact", centerLabel: "credits" });
+}
+export {
+  CreditSpend as default
+};

package/registry/examples/pie-chart/native/credit-spend.tsx

@@ -0,0 +1,12 @@
+import { DonutChart } from "@krizaka/charts/native";
+
+const spend = [
+  { model: "Chat", credits: 18_400 },
+  { model: "Image", credits: 9_650 },
+  { model: "Video", credits: 7_200 },
+  { model: "Speech", credits: 2_100 },
+];
+
+export default function CreditSpend() {
+  return <DonutChart title="Credits spent in September" data={spend} label="model" value="credits" format="compact" centerLabel="credits" />;
+}

package/registry/examples/pie-chart/storage-by-kind.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/pie-chart/storage-by-kind.js

@@ -0,0 +1,31 @@
+"use client";
+
+// registry/examples/pie-chart/storage-by-kind.tsx
+import { PieChart } from "@krizaka/charts/pie";
+import { jsx } from "react/jsx-runtime";
+var kinds = [
+  { kind: "Videos", gb: 812 },
+  { kind: "Thumbnails", gb: 64 },
+  { kind: "Audio", gb: 121 },
+  { kind: "Subtitles", gb: 3 },
+  { kind: "Project files", gb: 96 },
+  { kind: "Exports", gb: 210 },
+  { kind: "Fonts", gb: 1 },
+  { kind: "Logs", gb: 2 }
+];
+function StorageByKind() {
+  return /* @__PURE__ */ jsx(
+    PieChart,
+    {
+      title: "Storage by kind",
+      data: kinds,
+      label: "kind",
+      value: "gb",
+      format: { style: "unit", unit: "gigabyte" },
+      otherLabel: "Other"
+    }
+  );
+}
+export {
+  StorageByKind as default
+};

package/registry/examples/pie-chart/storage-by-kind.tsx

@@ -0,0 +1,26 @@
+import { PieChart } from "@krizaka/charts/pie";
+
+// Gigabytes; past six slices the smallest fold into “Other”.
+const kinds = [
+  { kind: "Videos", gb: 812 },
+  { kind: "Thumbnails", gb: 64 },
+  { kind: "Audio", gb: 121 },
+  { kind: "Subtitles", gb: 3 },
+  { kind: "Project files", gb: 96 },
+  { kind: "Exports", gb: 210 },
+  { kind: "Fonts", gb: 1 },
+  { kind: "Logs", gb: 2 },
+];
+
+export default function StorageByKind() {
+  return (
+    <PieChart
+      title="Storage by kind"
+      data={kinds}
+      label="kind"
+      value="gb"
+      format={{ style: "unit", unit: "gigabyte" }}
+      otherLabel="Other"
+    />
+  );
+}

package/registry/examples/price-ticker/auction-room.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/price-ticker/auction-room.js

@@ -0,0 +1,21 @@
+"use client";
+
+// registry/examples/price-ticker/auction-room.tsx
+import { PriceTicker } from "@krizaka/charts/ticker";
+import { jsx } from "react/jsx-runtime";
+var bids = [
+  { at: "2026-10-11T18:02:00Z", amount: 2500 },
+  { at: "2026-10-11T18:05:00Z", amount: 3e3 },
+  { at: "2026-10-11T18:11:00Z", amount: 3500 },
+  { at: "2026-10-11T18:12:00Z", amount: 4200 },
+  { at: "2026-10-11T18:20:00Z", amount: 5e3 },
+  { at: "2026-10-11T18:26:00Z", amount: 5500 },
+  { at: "2026-10-11T18:31:00Z", amount: 6500 },
+  { at: "2026-10-11T18:33:00Z", amount: 7200 }
+];
+function AuctionRoom() {
+  return /* @__PURE__ */ jsx(PriceTicker, { title: "Signed first take", bids, opening: 2e3, openedAt: "2026-10-11T18:00:00Z", currency: "USD", reserve: 6e3, height: 220 });
+}
+export {
+  AuctionRoom as default
+};

package/registry/examples/price-ticker/auction-room.tsx

@@ -0,0 +1,17 @@
+import { PriceTicker } from "@krizaka/charts/ticker";
+
+// An Orochia auction: the bids in cents, as they arrived.
+const bids = [
+  { at: "2026-10-11T18:02:00Z", amount: 25_00 },
+  { at: "2026-10-11T18:05:00Z", amount: 30_00 },
+  { at: "2026-10-11T18:11:00Z", amount: 35_00 },
+  { at: "2026-10-11T18:12:00Z", amount: 42_00 },
+  { at: "2026-10-11T18:20:00Z", amount: 50_00 },
+  { at: "2026-10-11T18:26:00Z", amount: 55_00 },
+  { at: "2026-10-11T18:31:00Z", amount: 65_00 },
+  { at: "2026-10-11T18:33:00Z", amount: 72_00 },
+];
+
+export default function AuctionRoom() {
+  return <PriceTicker title="Signed first take" bids={bids} opening={20_00} openedAt="2026-10-11T18:00:00Z" currency="USD" reserve={60_00} height={220} />;
+}

package/registry/examples/price-ticker/native/auction-room.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/price-ticker/native/auction-room.js

@@ -0,0 +1,19 @@
+"use client";
+
+// registry/examples/price-ticker/native/auction-room.tsx
+import { PriceTicker } from "@krizaka/charts/native";
+import { jsx } from "react/jsx-runtime";
+var bids = [
+  { at: "2026-10-11T18:02:00Z", amount: 2500 },
+  { at: "2026-10-11T18:05:00Z", amount: 3e3 },
+  { at: "2026-10-11T18:11:00Z", amount: 3500 },
+  { at: "2026-10-11T18:20:00Z", amount: 5e3 },
+  { at: "2026-10-11T18:31:00Z", amount: 6500 },
+  { at: "2026-10-11T18:33:00Z", amount: 7200 }
+];
+function NativeAuctionRoom() {
+  return /* @__PURE__ */ jsx(PriceTicker, { title: "Signed first take", bids, opening: 2e3, openedAt: "2026-10-11T18:00:00Z", currency: "USD", reserve: 6e3, height: 160 });
+}
+export {
+  NativeAuctionRoom as default
+};

package/registry/examples/price-ticker/native/auction-room.tsx

@@ -0,0 +1,15 @@
+import { PriceTicker } from "@krizaka/charts/native";
+
+const bids = [
+  { at: "2026-10-11T18:02:00Z", amount: 25_00 },
+  { at: "2026-10-11T18:05:00Z", amount: 30_00 },
+  { at: "2026-10-11T18:11:00Z", amount: 35_00 },
+  { at: "2026-10-11T18:20:00Z", amount: 50_00 },
+  { at: "2026-10-11T18:31:00Z", amount: 65_00 },
+  { at: "2026-10-11T18:33:00Z", amount: 72_00 },
+];
+
+// The auction screen of the app: the current bid first.
+export default function NativeAuctionRoom() {
+  return <PriceTicker title="Signed first take" bids={bids} opening={20_00} openedAt="2026-10-11T18:00:00Z" currency="USD" reserve={60_00} height={160} />;
+}

package/registry/examples/price-ticker/no-bid-yet.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/price-ticker/no-bid-yet.js

@@ -0,0 +1,11 @@
+"use client";
+
+// registry/examples/price-ticker/no-bid-yet.tsx
+import { PriceTicker } from "@krizaka/charts/ticker";
+import { jsx } from "react/jsx-runtime";
+function NoBidYet() {
+  return /* @__PURE__ */ jsx(PriceTicker, { title: "Studio session, one hour", bids: [], opening: 4e3, openedAt: "2026-10-11T18:00:00Z", currency: "USD", reserve: 9e3, height: 180 });
+}
+export {
+  NoBidYet as default
+};