@krizaka/charts 0.0.0-stage → 0.2.0

package/dist/chunk-KNDHO67X.js

@@ -0,0 +1,78 @@
+"use client";
+import {
+  LineChart
+} from "./chunk-C4MFZLJM.js";
+import {
+  Kpi,
+  toneOf
+} from "./chunk-WBHFVBSK.js";
+import {
+  TICKER_LABELS,
+  direction,
+  fillIn,
+  signedPercent
+} from "./chunk-WNUFGMS7.js";
+import {
+  valueFormatter
+} from "./chunk-XLLYNNC6.js";
+import {
+  useSettings
+} from "./chunk-JTKR7ZWP.js";
+
+// src/needs/ticker.ts
+function tickerModel(bids, opening, openedAt) {
+  const sorted = [...bids].sort((a, b) => new Date(a.at).getTime() - new Date(b.at).getTime());
+  const points = [...openedAt ? [{ at: openedAt, amount: opening }] : [], ...sorted];
+  const current = sorted.length > 0 ? sorted[sorted.length - 1].amount : opening;
+  return { points, current, change: current - opening, ratio: opening > 0 ? current / opening - 1 : null, count: sorted.length };
+}
+
+// src/ticker/price-ticker.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function PriceTicker({ bids, opening, openedAt, currency, reserve, timeFormat = "time", labels: given, description, live = true, ...props }) {
+  const words = { ...TICKER_LABELS, ...given };
+  const { locale } = useSettings(props);
+  const format = { style: "money", currency };
+  const write = valueFormatter(format, locale);
+  const model = tickerModel(bids, opening, openedAt);
+  const way = model.count > 0 ? direction(model.ratio) : null;
+  const signed = `${model.change > 0 ? "+" : ""}${write(model.change)}`;
+  const thresholds = reserve != null && model.current < reserve ? [{ value: reserve, label: words.reserve, tone: "warning" }] : [];
+  const kpi = /* @__PURE__ */ jsx(
+    Kpi,
+    {
+      value: write(model.current),
+      label: model.count > 0 ? words.current : words.opening,
+      delta: model.count > 0 ? fillIn(words.change, { change: model.ratio == null ? signed : `${signed} (${signedPercent(model.ratio, locale)})`, count: model.count }) : null,
+      direction: way,
+      tone: toneOf(way, "up")
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    LineChart,
+    {
+      ...props,
+      live,
+      data: model.points,
+      x: "at",
+      y: "amount",
+      yLabel: words.price,
+      xFormat: timeFormat,
+      format,
+      curve: "step",
+      dots: true,
+      zero: false,
+      thresholds,
+      description: /* @__PURE__ */ jsxs(Fragment, { children: [
+        description,
+        description ? /* @__PURE__ */ jsx("br", {}) : null,
+        kpi
+      ] })
+    }
+  );
+}
+
+export {
+  PriceTicker
+};
+//# sourceMappingURL=chunk-KNDHO67X.js.map

package/dist/chunk-KNDHO67X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/needs/ticker.ts","../src/ticker/price-ticker.tsx"],"sourcesContent":["// The price of a live auction, shared by the web and React Native: the points to draw (the opening, then each bid)\n// and what the headline says (the current price, the change since the opening, the number of bids).\n\n/** A bid: when (an ISO date-time or a `Date`) and how much, in money minor units. */\nexport interface Bid {\n  readonly at: string | Date;\n  readonly amount: number;\n}\n\nexport interface TickerModel {\n  readonly points: readonly { readonly at: string | Date; readonly amount: number }[];\n  readonly current: number;\n  readonly change: number;\n  readonly ratio: number | null;\n  readonly count: number;\n}\n\n/** The opening point (when `openedAt` is known), then the bids in time order. */\nexport function tickerModel(bids: readonly Bid[], opening: number, openedAt?: string | Date): TickerModel {\n  const sorted = [...bids].sort((a, b) => new Date(a.at).getTime() - new Date(b.at).getTime());\n  const points = [...(openedAt ? [{ at: openedAt, amount: opening }] : []), ...sorted];\n  const current = sorted.length > 0 ? sorted[sorted.length - 1].amount : opening;\n  return { points, current, change: current - opening, ratio: opening > 0 ? current / opening - 1 : null, count: sorted.length };\n}\n","\"use client\";\n// The price of a live auction (Orochia's auction room, web and mobile): the current bid in large, what it gained since\n// the opening and how many bids, the price as steps over time (a bid holds until the next), the reserve as a line.\n// `live` by default: new bids redraw without an entrance and without announcing every point.\nimport { valueFormatter } from \"../core/format\";\nimport type { CategoryFormat, Threshold } from \"../core/types\";\nimport { LineChart, type LineChartProps } from \"../line/line-chart\";\nimport { Kpi, toneOf } from \"../needs/kpi\";\nimport { TICKER_LABELS, type TickerLabels } from \"../needs/labels\";\nimport { direction, fillIn, signedPercent } from \"../needs/model\";\nimport { type Bid, tickerModel } from \"../needs/ticker\";\nimport { useSettings } from \"../web/frame\";\n\ntype Point = { at: string | Date; amount: number };\n\nexport interface PriceTickerProps\n  extends Omit<LineChartProps<Point>, \"data\" | \"x\" | \"y\" | \"yLabel\" | \"series\" | \"format\" | \"xFormat\" | \"thresholds\" | \"curve\" | \"labels\"> {\n  /** The bids, in any order: when and how much (minor units). */\n  bids: readonly Bid[];\n  /** The opening price, in minor units. */\n  opening: number;\n  /** When the auction opened: the first point of the line. */\n  openedAt?: string | Date;\n  /** The ISO 4217 currency. */\n  currency: string;\n  /** The reserve price, drawn as a line until it is met. */\n  reserve?: number;\n  /** How the times are written. Default `\"time\"` (`14:30`); `\"datetime\"` for auctions over several days. */\n  timeFormat?: CategoryFormat;\n  /** The words, passed translated; English by default. */\n  labels?: Partial<TickerLabels>;\n}\n\n/** A live auction's price: the current bid, the change since the opening, the steps of the bids, the reserve. */\nexport function PriceTicker({ bids, opening, openedAt, currency, reserve, timeFormat = \"time\", labels: given, description, live = true, ...props }: PriceTickerProps) {\n  const words = { ...TICKER_LABELS, ...given };\n  const { locale } = useSettings(props);\n  const format = { style: \"money\", currency } as const;\n  const write = valueFormatter(format, locale);\n  const model = tickerModel(bids, opening, openedAt);\n  const way = model.count > 0 ? direction(model.ratio) : null;\n  const signed = `${model.change > 0 ? \"+\" : \"\"}${write(model.change)}`;\n  const thresholds: Threshold[] = reserve != null && model.current < reserve ? [{ value: reserve, label: words.reserve, tone: \"warning\" }] : [];\n  const kpi = (\n    <Kpi\n      value={write(model.current)}\n      label={model.count > 0 ? words.current : words.opening}\n      delta={\n        model.count > 0\n          ? fillIn(words.change, { change: model.ratio == null ? signed : `${signed} (${signedPercent(model.ratio, locale)})`, count: model.count })\n          : null\n      }\n      direction={way}\n      tone={toneOf(way, \"up\")}\n    />\n  );\n  return (\n    <LineChart\n      {...props}\n      live={live}\n      data={model.points as Point[]}\n      x=\"at\"\n      y=\"amount\"\n      yLabel={words.price}\n      xFormat={timeFormat}\n      format={format}\n      curve=\"step\"\n      dots\n      zero={false}\n      thresholds={thresholds}\n      description={\n        <>\n          {description}\n          {description ? <br /> : null}\n          {kpi}\n        </>\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkBO,SAAS,YAAY,MAAsB,SAAiB,UAAuC;AACxG,QAAM,SAAS,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,EAAE,EAAE,QAAQ,IAAI,IAAI,KAAK,EAAE,EAAE,EAAE,QAAQ,CAAC;AAC3F,QAAM,SAAS,CAAC,GAAI,WAAW,CAAC,EAAE,IAAI,UAAU,QAAQ,QAAQ,CAAC,IAAI,CAAC,GAAI,GAAG,MAAM;AACnF,QAAM,UAAU,OAAO,SAAS,IAAI,OAAO,OAAO,SAAS,CAAC,EAAE,SAAS;AACvE,SAAO,EAAE,QAAQ,SAAS,QAAQ,UAAU,SAAS,OAAO,UAAU,IAAI,UAAU,UAAU,IAAI,MAAM,OAAO,OAAO,OAAO;AAC/H;;;ACqBI,SA2BI,UA3BJ,KA2BI,YA3BJ;AAVG,SAAS,YAAY,EAAE,MAAM,SAAS,UAAU,UAAU,SAAS,aAAa,QAAQ,QAAQ,OAAO,aAAa,OAAO,MAAM,GAAG,MAAM,GAAqB;AACpK,QAAM,QAAQ,EAAE,GAAG,eAAe,GAAG,MAAM;AAC3C,QAAM,EAAE,OAAO,IAAI,YAAY,KAAK;AACpC,QAAM,SAAS,EAAE,OAAO,SAAS,SAAS;AAC1C,QAAM,QAAQ,eAAe,QAAQ,MAAM;AAC3C,QAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AACjD,QAAM,MAAM,MAAM,QAAQ,IAAI,UAAU,MAAM,KAAK,IAAI;AACvD,QAAM,SAAS,GAAG,MAAM,SAAS,IAAI,MAAM,EAAE,GAAG,MAAM,MAAM,MAAM,CAAC;AACnE,QAAM,aAA0B,WAAW,QAAQ,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,SAAS,OAAO,MAAM,SAAS,MAAM,UAAU,CAAC,IAAI,CAAC;AAC5I,QAAM,MACJ;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM,MAAM,OAAO;AAAA,MAC1B,OAAO,MAAM,QAAQ,IAAI,MAAM,UAAU,MAAM;AAAA,MAC/C,OACE,MAAM,QAAQ,IACV,OAAO,MAAM,QAAQ,EAAE,QAAQ,MAAM,SAAS,OAAO,SAAS,GAAG,MAAM,KAAK,cAAc,MAAM,OAAO,MAAM,CAAC,KAAK,OAAO,MAAM,MAAM,CAAC,IACvI;AAAA,MAEN,WAAW;AAAA,MACX,MAAM,OAAO,KAAK,IAAI;AAAA;AAAA,EACxB;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,MAAM,MAAM;AAAA,MACZ,GAAE;AAAA,MACF,GAAE;AAAA,MACF,QAAQ,MAAM;AAAA,MACd,SAAS;AAAA,MACT;AAAA,MACA,OAAM;AAAA,MACN,MAAI;AAAA,MACJ,MAAM;AAAA,MACN;AAAA,MACA,aACE,iCACG;AAAA;AAAA,QACA,cAAc,oBAAC,QAAG,IAAK;AAAA,QACvB;AAAA,SACH;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-L2EKYWVI.js

@@ -0,0 +1,94 @@
+"use client";
+import {
+  Sparkline
+} from "./chunk-ARARFMNE.js";
+import {
+  Kpi
+} from "./chunk-WBHFVBSK.js";
+import {
+  CREDIT_LABELS,
+  addDays,
+  daysLeft,
+  fillIn,
+  quotaLevel
+} from "./chunk-WNUFGMS7.js";
+import {
+  categoryFormatter,
+  valueFormatter
+} from "./chunk-XLLYNNC6.js";
+import {
+  ChartStyles,
+  cx,
+  useSettings
+} from "./chunk-JTKR7ZWP.js";
+
+// src/credits/credit-usage.tsx
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CreditUsage({
+  title,
+  description,
+  hideTitle,
+  used,
+  limit,
+  format = "integer",
+  daily,
+  days,
+  renewsAt,
+  now,
+  levels = [0.8, 0.95],
+  loading,
+  labels: given,
+  className,
+  style,
+  ...settings
+}) {
+  const words = { ...CREDIT_LABELS, ...given };
+  const { locale, brand } = useSettings({ title, ...settings });
+  const uid = useId();
+  const write = valueFormatter(format, locale);
+  const date = categoryFormatter("date", locale);
+  const ratio = limit > 0 ? Math.min(1, Math.max(0, used / limit)) : 0;
+  const level = quotaLevel(ratio, levels[0], levels[1]);
+  const remaining = Math.max(0, limit - used);
+  const percent = valueFormatter("percent", locale)(ratio);
+  const usedText = fillIn(words.used, { used: write(used), percent });
+  const left = daily ? daysLeft(remaining, daily) : null;
+  const today = now ?? /* @__PURE__ */ new Date();
+  const runOut = left == null ? null : addDays(today, left);
+  const renews = renewsAt ? new Date(renewsAt) : null;
+  const projection = daily ? runOut && (!renews || runOut < renews) ? fillIn(words.runsOut, { date: date(runOut) }) : left == null ? words.steady : null : null;
+  return /* @__PURE__ */ jsxs("figure", { className: cx("kzc", className), style, "data-kzc": "", "data-brand": brand, "data-kind": "credits", "aria-labelledby": `${uid}-t`, "aria-busy": loading || void 0, children: [
+    /* @__PURE__ */ jsx(ChartStyles, {}),
+    /* @__PURE__ */ jsxs("div", { className: "kzc-heading", children: [
+      /* @__PURE__ */ jsx("p", { id: `${uid}-t`, className: hideTitle ? "kzc-sr" : "kzc-title", children: title }),
+      description ? /* @__PURE__ */ jsx("p", { className: "kzc-desc", children: description }) : null
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "kzc-desc", children: /* @__PURE__ */ jsx(Kpi, { value: loading ? "\u2014" : write(remaining), label: fillIn(words.remaining, { limit: write(limit) }) }) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "meter",
+        "aria-labelledby": `${uid}-t`,
+        "aria-valuemin": 0,
+        "aria-valuemax": limit,
+        "aria-valuenow": Math.min(limit, Math.max(0, used)),
+        "aria-valuetext": usedText,
+        className: "kzc-meter",
+        "data-tone": level === "ok" ? void 0 : level,
+        children: /* @__PURE__ */ jsx("i", { style: { width: loading ? 0 : `${ratio * 100}%` } })
+      }
+    ),
+    /* @__PURE__ */ jsxs("p", { className: "kzc-row", children: [
+      /* @__PURE__ */ jsx("span", { children: usedText }),
+      renews ? /* @__PURE__ */ jsx("span", { children: fillIn(words.renews, { date: date(renews) }) }) : null
+    ] }),
+    daily && daily.length > 1 ? /* @__PURE__ */ jsx(Sparkline, { title: words.daily, data: daily, categories: days, variant: "bar", format, height: 36, loading }) : null,
+    projection && !loading ? /* @__PURE__ */ jsx("p", { className: "kzc-row", children: /* @__PURE__ */ jsx("b", { children: projection }) }) : null
+  ] });
+}
+
+export {
+  CreditUsage
+};
+//# sourceMappingURL=chunk-L2EKYWVI.js.map

package/dist/chunk-L2EKYWVI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/credits/credit-usage.tsx"],"sourcesContent":["\"use client\";\n// What is left of a credit allowance (Orazaka's billing meter, the console's quotas, Orochia's storage plan): the\n// remaining amount in large, a meter that turns to warning then danger, the use per day as a sparkline, and the day it\n// runs out at the current pace. A `meter` for assistive technology, its value said in words.\nimport { type CSSProperties, type ReactNode, useId } from \"react\";\n\nimport { categoryFormatter, valueFormatter } from \"../core/format\";\nimport type { ValueFormat } from \"../core/types\";\nimport { Kpi } from \"../needs/kpi\";\nimport { CREDIT_LABELS, type CreditLabels } from \"../needs/labels\";\nimport { addDays, daysLeft, fillIn, quotaLevel } from \"../needs/model\";\nimport { Sparkline } from \"../sparkline/sparkline\";\nimport type { ChartsSettings } from \"../web/context\";\nimport { useSettings } from \"../web/frame\";\nimport { cx } from \"../web/parts\";\nimport { ChartStyles } from \"../web/styles\";\n\nexport interface CreditUsageProps extends Omit<ChartsSettings, \"labels\"> {\n  /** What the allowance is (“Credits this month”): the heading and the meter's name. */\n  title: string;\n  /** A line under the title: the plan, the period. */\n  description?: ReactNode;\n  /** Visually hide the title (it stays the accessible name). */\n  hideTitle?: boolean;\n  /** How much is used. */\n  used: number;\n  /** The allowance. */\n  limit: number;\n  /** How the amounts are written. Default `\"integer\"`; a `{ style: \"unit\", unit: \"gigabyte\" }` for storage. */\n  format?: ValueFormat;\n  /** The use of each recent day, oldest first: the sparkline and the projection. */\n  daily?: readonly (number | null)[];\n  /** The days of `daily` (ISO dates), for the sparkline's summary. */\n  days?: readonly unknown[];\n  /** When the allowance renews (an ISO date or a `Date`). */\n  renewsAt?: string | Date;\n  /** Today, for the projection (pass it from the server to render the same date on both sides). Default: now. */\n  now?: Date;\n  /** The share where the meter turns to warning, then danger. Default `[0.8, 0.95]`. */\n  levels?: readonly [number, number];\n  /** The data is on its way. */\n  loading?: boolean;\n  /** The words, passed translated; English by default. */\n  labels?: Partial<CreditLabels>;\n  /** A class on the figure (layout). */\n  className?: string;\n  /** Inline style on the figure (layout only). */\n  style?: CSSProperties;\n}\n\n/** What is left of an allowance: the remaining amount, a meter in tones, the use per day and the run-out date. */\nexport function CreditUsage({\n  title,\n  description,\n  hideTitle,\n  used,\n  limit,\n  format = \"integer\",\n  daily,\n  days,\n  renewsAt,\n  now,\n  levels = [0.8, 0.95],\n  loading,\n  labels: given,\n  className,\n  style,\n  ...settings\n}: CreditUsageProps) {\n  const words = { ...CREDIT_LABELS, ...given };\n  const { locale, brand } = useSettings({ title, ...settings });\n  const uid = useId();\n  const write = valueFormatter(format, locale);\n  const date = categoryFormatter(\"date\", locale);\n  const ratio = limit > 0 ? Math.min(1, Math.max(0, used / limit)) : 0;\n  const level = quotaLevel(ratio, levels[0], levels[1]);\n  const remaining = Math.max(0, limit - used);\n  const percent = valueFormatter(\"percent\", locale)(ratio);\n  const usedText = fillIn(words.used, { used: write(used), percent });\n  const left = daily ? daysLeft(remaining, daily) : null;\n  const today = now ?? new Date();\n  const runOut = left == null ? null : addDays(today, left);\n  const renews = renewsAt ? new Date(renewsAt) : null;\n  // The run-out date only matters when it comes before the renewal.\n  const projection = daily ? (runOut && (!renews || runOut < renews) ? fillIn(words.runsOut, { date: date(runOut) }) : left == null ? words.steady : null) : null;\n  return (\n    <figure className={cx(\"kzc\", className)} style={style} data-kzc=\"\" data-brand={brand} data-kind=\"credits\" aria-labelledby={`${uid}-t`} aria-busy={loading || undefined}>\n      <ChartStyles />\n      <div className=\"kzc-heading\">\n        <p id={`${uid}-t`} className={hideTitle ? \"kzc-sr\" : \"kzc-title\"}>\n          {title}\n        </p>\n        {description ? <p className=\"kzc-desc\">{description}</p> : null}\n      </div>\n      <p className=\"kzc-desc\">\n        <Kpi value={loading ? \"—\" : write(remaining)} label={fillIn(words.remaining, { limit: write(limit) })} />\n      </p>\n      <div\n        role=\"meter\"\n        aria-labelledby={`${uid}-t`}\n        aria-valuemin={0}\n        aria-valuemax={limit}\n        aria-valuenow={Math.min(limit, Math.max(0, used))}\n        aria-valuetext={usedText}\n        className=\"kzc-meter\"\n        data-tone={level === \"ok\" ? undefined : level}\n      >\n        <i style={{ width: loading ? 0 : `${ratio * 100}%` }} />\n      </div>\n      <p className=\"kzc-row\">\n        <span>{usedText}</span>\n        {renews ? <span>{fillIn(words.renews, { date: date(renews) })}</span> : null}\n      </p>\n      {daily && daily.length > 1 ? (\n        <Sparkline title={words.daily} data={daily} categories={days} variant=\"bar\" format={format} height={36} loading={loading} />\n      ) : null}\n      {projection && !loading ? (\n        <p className=\"kzc-row\">\n          <b>{projection}</b>\n        </p>\n      ) : null}\n    </figure>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-MXLITIGU.js

@@ -0,0 +1,92 @@
+"use client";
+import {
+  EChartHost,
+  baseOption,
+  tooltipHtml
+} from "./chunk-PWMMXRMC.js";
+import {
+  read
+} from "./chunk-W5FX4TU3.js";
+import {
+  shareFormatter,
+  valueFormatter
+} from "./chunk-XLLYNNC6.js";
+import {
+  useSettings
+} from "./chunk-JTKR7ZWP.js";
+import {
+  capitalize,
+  fill
+} from "./chunk-3CJHBJXA.js";
+
+// src/sankey/sankey.tsx
+import { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var engine = () => import("./sankey-XQTX2EG6.js");
+function Sankey(props) {
+  const { data, source, target, value, format, vertical, sourceLabel, targetLabel, valueLabel } = props;
+  const { locale, labels } = useSettings(props);
+  const fmt = useMemo(() => ({ value: valueFormatter(format, locale, labels.noValue), share: shareFormatter(locale) }), [format, locale, labels.noValue]);
+  const model = useMemo(() => {
+    const links = data.map((d, i) => ({ source: String(read(source, d, i)), target: String(read(target, d, i)), value: Number(read(value, d, i)) })).filter((l) => Number.isFinite(l.value) && l.value > 0);
+    const nodes = [...new Set(links.flatMap((l) => [l.source, l.target]))];
+    return { links, nodes };
+  }, [data, source, target, value]);
+  const isEmpty = model.links.length === 0;
+  const total = model.links.filter((l) => !model.links.some((o) => o.target === l.source)).reduce((sum, l) => sum + l.value, 0);
+  const top = [...model.links].sort((a, b) => b.value - a.value).slice(0, 3);
+  const summary = isEmpty ? labels.empty : `${fill(labels.summaryIntro, { kind: labels.kinds.sankey, count: `${model.nodes.length} \xB7 ${model.links.length}` })} ${top.map((l) => fill(labels.summaryShare, { label: `${l.source} \u2192 ${l.target}`, value: fmt.value(l.value), share: fmt.share(total ? l.value / total : 0) })).join(", ")}. ${capitalize(fill(labels.summaryTotal, { total: fmt.value(total) }))}.`;
+  const items = model.links.map((l, i) => ({ seriesIndex: 0, dataIndex: i, dataType: "edge", text: `${l.source} \u2192 ${l.target}: ${fmt.value(l.value)}` }));
+  const build = useCallback(
+    (theme) => {
+      const base = baseOption(theme, true);
+      const colorOf = (name) => theme.palette[model.nodes.indexOf(name) % 8];
+      return {
+        ...base,
+        tooltip: {
+          ...base.tooltip,
+          trigger: "item",
+          formatter: (p) => p.dataType === "edge" ? tooltipHtml(`${p.data.source} \u2192 ${p.data.target}`, [{ label: valueLabel ?? labels.value, value: fmt.value(p.data.value), color: colorOf(p.data.source) }]) : tooltipHtml(p.name, [{ label: valueLabel ?? labels.value, value: fmt.value(p.value), color: colorOf(p.name) }])
+        },
+        series: [
+          {
+            type: "sankey",
+            orient: vertical ? "vertical" : "horizontal",
+            left: 8,
+            right: vertical ? 8 : 120,
+            top: 8,
+            bottom: vertical ? 40 : 8,
+            nodeWidth: 12,
+            nodeGap: 10,
+            draggable: false,
+            emphasis: { focus: "adjacency" },
+            data: model.nodes.map((name) => ({ name, itemStyle: { color: colorOf(name), borderColor: theme.surface, borderWidth: 1 } })),
+            links: model.links.map((l) => ({ ...l, lineStyle: { color: colorOf(l.source), opacity: 0.28 } })),
+            label: { color: theme.text, fontSize: 11, fontFamily: theme.font },
+            lineStyle: { curveness: 0.5 }
+          }
+        ]
+      };
+    },
+    [model, fmt, vertical, valueLabel, labels.value]
+  );
+  return /* @__PURE__ */ jsx(
+    EChartHost,
+    {
+      kind: "sankey",
+      frame: props,
+      defaultHeight: 320,
+      table: { columns: [sourceLabel ?? labels.category, targetLabel ?? labels.value, valueLabel ?? labels.value], rows: model.links.map((l) => [l.source, l.target, fmt.value(l.value)]) },
+      summary,
+      isEmpty,
+      engine,
+      build,
+      items
+    }
+  );
+}
+
+export {
+  Sankey
+};
+//# sourceMappingURL=chunk-MXLITIGU.js.map

package/dist/chunk-MXLITIGU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sankey/sankey.tsx"],"sourcesContent":["\"use client\";\n// Flows between stages — credits from plans to models to outcomes, viewers from sources to purchases — on ECharts\n// (loaded when the chart nears the screen). Each node keeps its palette slot in order of appearance; links take\n// their source's colour, softened.\nimport { useCallback, useMemo } from \"react\";\n\nimport { read } from \"../core/data\";\nimport { shareFormatter, valueFormatter } from \"../core/format\";\nimport { capitalize, fill } from \"../core/labels\";\nimport type { Accessor, Datum, ValueFormat } from \"../core/types\";\nimport { EChartHost, type EngineProps, type WalkItem } from \"../echarts/host\";\nimport { baseOption, type ResolvedTheme, tooltipHtml } from \"../echarts/theme\";\nimport type { ChartFrameProps } from \"../web/frame\";\nimport { useSettings } from \"../web/frame\";\n\nconst engine = () => import(\"../echarts/engines/sankey\");\n\nexport interface SankeyProps<T extends Datum> extends ChartFrameProps, EngineProps {\n  /** One row per flow. */\n  data: readonly T[];\n  /** The fields (or functions) naming where the flow comes from and where it goes. */\n  source: Accessor<T, string>;\n/** The field (or function) naming where the flow goes. */\n  target: Accessor<T, string>;\n  /** The field of its amount. */\n  value: Accessor<T, number>;\n  /** How the amounts are written. */\n  format?: ValueFormat;\n  /** Lay the stages out top to bottom (narrow screens). Default: left to right. */\n  vertical?: boolean;\n  /** The headers of the data table. */\n  sourceLabel?: string;\n/** The header of the targets. */\n  targetLabel?: string;\n/** The header of the amounts. */\n  valueLabel?: string;\n}\n\nexport function Sankey<T extends Datum>(props: SankeyProps<T>) {\n  const { data, source, target, value, format, vertical, sourceLabel, targetLabel, valueLabel } = props;\n  const { locale, labels } = useSettings(props);\n  const fmt = useMemo(() => ({ value: valueFormatter(format, locale, labels.noValue), share: shareFormatter(locale) }), [format, locale, labels.noValue]);\n  const model = useMemo(() => {\n    const links = data.map((d, i) => ({ source: String(read(source, d, i)), target: String(read(target, d, i)), value: Number(read(value, d, i)) })).filter((l) => Number.isFinite(l.value) && l.value > 0);\n    const nodes = [...new Set(links.flatMap((l) => [l.source, l.target]))];\n    return { links, nodes };\n  }, [data, source, target, value]);\n  const isEmpty = model.links.length === 0;\n  const total = model.links.filter((l) => !model.links.some((o) => o.target === l.source)).reduce((sum, l) => sum + l.value, 0);\n  const top = [...model.links].sort((a, b) => b.value - a.value).slice(0, 3);\n  const summary = isEmpty\n    ? labels.empty\n    : `${fill(labels.summaryIntro, { kind: labels.kinds.sankey, count: `${model.nodes.length} · ${model.links.length}` })} ${top.map((l) => fill(labels.summaryShare, { label: `${l.source} → ${l.target}`, value: fmt.value(l.value), share: fmt.share(total ? l.value / total : 0) })).join(\", \")}. ${capitalize(fill(labels.summaryTotal, { total: fmt.value(total) }))}.`;\n  const items: WalkItem[] = model.links.map((l, i) => ({ seriesIndex: 0, dataIndex: i, dataType: \"edge\", text: `${l.source} → ${l.target}: ${fmt.value(l.value)}` }));\n\n  const build = useCallback(\n    (theme: ResolvedTheme) => {\n      const base = baseOption(theme, true);\n      const colorOf = (name: string) => theme.palette[model.nodes.indexOf(name) % 8]!;\n      return {\n        ...base,\n        tooltip: {\n          ...(base.tooltip as object),\n          trigger: \"item\",\n          formatter: (p: { dataType: string; data: { source?: string; target?: string; value?: number; name?: string }; value: number; name: string }) =>\n            p.dataType === \"edge\"\n              ? tooltipHtml(`${p.data.source} → ${p.data.target}`, [{ label: valueLabel ?? labels.value, value: fmt.value(p.data.value), color: colorOf(p.data.source!) }])\n              : tooltipHtml(p.name, [{ label: valueLabel ?? labels.value, value: fmt.value(p.value), color: colorOf(p.name) }]),\n        },\n        series: [\n          {\n            type: \"sankey\",\n            orient: vertical ? \"vertical\" : \"horizontal\",\n            left: 8,\n            right: vertical ? 8 : 120,\n            top: 8,\n            bottom: vertical ? 40 : 8,\n            nodeWidth: 12,\n            nodeGap: 10,\n            draggable: false,\n            emphasis: { focus: \"adjacency\" },\n            data: model.nodes.map((name) => ({ name, itemStyle: { color: colorOf(name), borderColor: theme.surface, borderWidth: 1 } })),\n            links: model.links.map((l) => ({ ...l, lineStyle: { color: colorOf(l.source), opacity: 0.28 } })),\n            label: { color: theme.text, fontSize: 11, fontFamily: theme.font },\n            lineStyle: { curveness: 0.5 },\n          },\n        ],\n      };\n    },\n    [model, fmt, vertical, valueLabel, labels.value],\n  );\n\n  return (\n    <EChartHost\n      kind=\"sankey\"\n      frame={props}\n      defaultHeight={320}\n      table={{ columns: [sourceLabel ?? labels.category, targetLabel ?? labels.value, valueLabel ?? labels.value], rows: model.links.map((l) => [l.source, l.target, fmt.value(l.value)]) }}\n      summary={summary}\n      isEmpty={isEmpty}\n      engine={engine}\n      build={build}\n      items={items}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-NCIQMRV3.js

@@ -0,0 +1,155 @@
+"use client";
+import {
+  EChartHost,
+  baseOption,
+  categoryAxis,
+  tooltipHtml,
+  valueAxis
+} from "./chunk-PWMMXRMC.js";
+import {
+  read
+} from "./chunk-W5FX4TU3.js";
+import {
+  categoryFormatter,
+  shareFormatter,
+  valueFormatter
+} from "./chunk-XLLYNNC6.js";
+import {
+  useSettings
+} from "./chunk-JTKR7ZWP.js";
+import {
+  capitalize,
+  fill
+} from "./chunk-3CJHBJXA.js";
+
+// src/candlestick/candlestick.tsx
+import { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var engine = () => import("./candlestick-IG626XL4.js");
+var DEFAULT_COLUMNS = { open: "Open", high: "High", low: "Low", close: "Close", volume: "Volume" };
+function Candlestick(props) {
+  const { data, x, open, high, low, close, volume, format, volumeFormat = "compact", xFormat, thresholds = [], zoom, columnLabels = DEFAULT_COLUMNS } = props;
+  const { locale, labels } = useSettings(props);
+  const fmt = useMemo(
+    () => ({
+      value: valueFormatter(format, locale, labels.noValue),
+      axis: valueFormatter(format, locale, labels.noValue, true),
+      volume: valueFormatter(volumeFormat, locale, labels.noValue),
+      category: categoryFormatter(xFormat, locale),
+      share: shareFormatter(locale)
+    }),
+    [format, volumeFormat, xFormat, locale, labels.noValue]
+  );
+  const rows = useMemo(
+    () => data.map((d, i) => ({
+      x: fmt.category(read(x, d, i)),
+      o: Number(read(open, d, i)),
+      h: Number(read(high, d, i)),
+      l: Number(read(low, d, i)),
+      c: Number(read(close, d, i)),
+      v: volume ? Number(read(volume, d, i)) : null
+    })),
+    [data, x, open, high, low, close, volume, fmt]
+  );
+  const isEmpty = rows.length === 0;
+  const first = rows[0];
+  const last = rows[rows.length - 1];
+  const hi = Math.max(...rows.map((r) => r.h));
+  const lo = Math.min(...rows.map((r) => r.l));
+  const change = first && last && first.o ? last.c / first.o - 1 : null;
+  const summary = isEmpty ? labels.empty : [
+    fill(labels.summaryIntro, { kind: labels.kinds.candlestick, count: `${rows.length} (${first.x} \u2013 ${last.x})` }),
+    `${capitalize(fill(labels.summaryOhlc, { open: fmt.value(first.o), close: fmt.value(last.c), low: fmt.value(lo), high: fmt.value(hi) }))}${change === null ? "" : `, ${fill(change >= 0 ? labels.summaryTrendUp : labels.summaryTrendDown, { change: fmt.share(Math.abs(change)) })}`}.`
+  ].join(" ");
+  const items = rows.map((r, i) => ({ seriesIndex: 0, dataIndex: i, text: `${r.x}: ${columnLabels.open} ${fmt.value(r.o)}, ${columnLabels.high} ${fmt.value(r.h)}, ${columnLabels.low} ${fmt.value(r.l)}, ${columnLabels.close} ${fmt.value(r.c)}` }));
+  const zoomOn = zoom ?? rows.length >= 40;
+  const build = useCallback(
+    (theme) => {
+      const base = baseOption(theme, true);
+      const withVolume = rows.some((r) => r.v != null);
+      const xs = rows.map((r) => r.x);
+      const grids = withVolume ? [
+        { left: 8, right: 12, top: 12, bottom: "30%", containLabel: true },
+        { left: 8, right: 12, top: "76%", bottom: 8, containLabel: true }
+      ] : [{ left: 8, right: 12, top: 12, bottom: 8, containLabel: true }];
+      return {
+        ...base,
+        tooltip: {
+          ...base.tooltip,
+          trigger: "axis",
+          axisPointer: { type: "line", lineStyle: { color: theme.axis } },
+          formatter: (params) => {
+            const r = rows[params[0].dataIndex];
+            const up = r.c >= r.o;
+            return tooltipHtml(
+              r.x,
+              [
+                { label: columnLabels.open, value: fmt.value(r.o) },
+                { label: columnLabels.high, value: fmt.value(r.h) },
+                { label: columnLabels.low, value: fmt.value(r.l) },
+                { label: columnLabels.close, value: fmt.value(r.c), color: up ? theme.success : theme.danger },
+                ...r.v != null ? [{ label: columnLabels.volume, value: fmt.volume(r.v) }] : []
+              ]
+            );
+          }
+        },
+        grid: grids,
+        xAxis: grids.map((_, i) => ({ ...categoryAxis(theme, xs), gridIndex: i, axisLabel: { color: theme.text2, hideOverlap: true, show: i === grids.length - 1 } })),
+        yAxis: [
+          { ...valueAxis(theme, (v) => fmt.axis(v)), scale: true, gridIndex: 0 },
+          ...withVolume ? [{ ...valueAxis(theme, (v) => fmt.volume(v)), gridIndex: 1, splitNumber: 2 }] : []
+        ],
+        dataZoom: zoomOn ? [{ type: "inside", xAxisIndex: grids.map((_, i) => i), start: Math.max(0, 100 - 40 / rows.length * 100), end: 100 }] : [],
+        series: [
+          {
+            type: "candlestick",
+            data: rows.map((r) => [r.o, r.c, r.l, r.h]),
+            barMaxWidth: 14,
+            itemStyle: { color: theme.surface, color0: theme.danger, borderColor: theme.success, borderColor0: theme.danger, borderWidth: 1.5 },
+            markLine: thresholds.length ? {
+              symbol: "none",
+              silent: true,
+              data: thresholds.map((t) => ({
+                yAxis: t.value,
+                label: { formatter: fill(labels.summaryThreshold, { label: t.label, value: fmt.value(t.value) }), color: theme.text, position: "insideEndTop", fontWeight: 600 },
+                lineStyle: { color: t.tone && t.tone !== "neutral" ? theme[t.tone === "accent" ? "accent" : t.tone] : theme.text2, type: [6, 4], width: 1.5 }
+              }))
+            } : void 0
+          },
+          ...withVolume ? [
+            {
+              type: "bar",
+              xAxisIndex: 1,
+              yAxisIndex: 1,
+              barMaxWidth: 14,
+              data: rows.map((r) => ({ value: r.v, itemStyle: { color: r.c >= r.o ? theme.success : theme.danger, opacity: 0.45, borderRadius: [2, 2, 0, 0] } }))
+            }
+          ] : []
+        ]
+      };
+    },
+    [rows, fmt, thresholds, zoomOn, columnLabels, labels.summaryThreshold]
+  );
+  return /* @__PURE__ */ jsx(
+    EChartHost,
+    {
+      kind: "candlestick",
+      frame: props,
+      defaultHeight: 340,
+      table: {
+        columns: [labels.category, columnLabels.open, columnLabels.high, columnLabels.low, columnLabels.close, ...volume ? [columnLabels.volume] : []],
+        rows: rows.map((r) => [r.x, fmt.value(r.o), fmt.value(r.h), fmt.value(r.l), fmt.value(r.c), ...volume ? [fmt.volume(r.v)] : []])
+      },
+      summary,
+      isEmpty,
+      engine,
+      build,
+      items
+    }
+  );
+}
+
+export {
+  Candlestick
+};
+//# sourceMappingURL=chunk-NCIQMRV3.js.map

package/dist/chunk-NCIQMRV3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/candlestick/candlestick.tsx"],"sourcesContent":["\"use client\";\n// Open, high, low, close per period — a price, an auction's bids per hour — with what a colour-blind reader needs: a\n// rising candle is hollow (outlined in the success tone), a falling one filled (danger), so the shape says the\n// direction as well as the colour. Optional volume in its own panel below (never a second axis on the same plot),\n// zoom by wheel and drag, thresholds. ECharts, loaded when the chart nears the screen.\nimport { useCallback, useMemo } from \"react\";\n\nimport { read } from \"../core/data\";\nimport { categoryFormatter, shareFormatter, valueFormatter } from \"../core/format\";\nimport { capitalize, fill } from \"../core/labels\";\nimport type { Accessor, CategoryFormat, Datum, Threshold, ValueFormat } from \"../core/types\";\nimport { EChartHost, type EngineProps, type WalkItem } from \"../echarts/host\";\nimport { baseOption, categoryAxis, type ResolvedTheme, tooltipHtml, valueAxis } from \"../echarts/theme\";\nimport type { ChartFrameProps } from \"../web/frame\";\nimport { useSettings } from \"../web/frame\";\n\nconst engine = () => import(\"../echarts/engines/candlestick\");\n\nexport interface CandlestickProps<T extends Datum> extends ChartFrameProps, EngineProps {\n  /** One row per period, oldest first. */\n  data: readonly T[];\n  /** The field of the period (a date, an hour). */\n  x: Accessor<T, unknown>;\n/** The field of the price at the start of the period. */\n  open: Accessor<T, number>;\n/** The field of the highest price of the period. */\n  high: Accessor<T, number>;\n/** The field of the lowest price of the period. */\n  low: Accessor<T, number>;\n/** The field of the price at the end of the period. */\n  close: Accessor<T, number>;\n  /** The field of the volume: drawn in its own panel under the candles. */\n  volume?: Accessor<T, number>;\n  /** How the prices and the volume are written. */\n  format?: ValueFormat;\n/** How the volume is written. Default `\"compact\"`. */\n  volumeFormat?: ValueFormat;\n  /** How the periods are written. */\n  xFormat?: CategoryFormat;\n  /** Horizontal lines: a reserve price, a target. */\n  thresholds?: readonly Threshold[];\n  /** Zoom with the wheel and drag to pan. Default true from 40 periods. */\n  zoom?: boolean;\n  /** The words of the table's columns and the tooltip's rows. */\n  columnLabels?: { readonly open: string; readonly high: string; readonly low: string; readonly close: string; readonly volume: string };\n}\n\nconst DEFAULT_COLUMNS = { open: \"Open\", high: \"High\", low: \"Low\", close: \"Close\", volume: \"Volume\" };\n\nexport function Candlestick<T extends Datum>(props: CandlestickProps<T>) {\n  const { data, x, open, high, low, close, volume, format, volumeFormat = \"compact\", xFormat, thresholds = [], zoom, columnLabels = DEFAULT_COLUMNS } = props;\n  const { locale, labels } = useSettings(props);\n  const fmt = useMemo(\n    () => ({\n      value: valueFormatter(format, locale, labels.noValue),\n      axis: valueFormatter(format, locale, labels.noValue, true),\n      volume: valueFormatter(volumeFormat, locale, labels.noValue),\n      category: categoryFormatter(xFormat, locale),\n      share: shareFormatter(locale),\n    }),\n    [format, volumeFormat, xFormat, locale, labels.noValue],\n  );\n  const rows = useMemo(\n    () =>\n      data.map((d, i) => ({\n        x: fmt.category(read(x, d, i)),\n        o: Number(read(open, d, i)),\n        h: Number(read(high, d, i)),\n        l: Number(read(low, d, i)),\n        c: Number(read(close, d, i)),\n        v: volume ? Number(read(volume, d, i)) : null,\n      })),\n    [data, x, open, high, low, close, volume, fmt],\n  );\n  const isEmpty = rows.length === 0;\n  const first = rows[0];\n  const last = rows[rows.length - 1];\n  const hi = Math.max(...rows.map((r) => r.h));\n  const lo = Math.min(...rows.map((r) => r.l));\n  const change = first && last && first.o ? last.c / first.o - 1 : null;\n  const summary = isEmpty\n    ? labels.empty\n    : [\n        fill(labels.summaryIntro, { kind: labels.kinds.candlestick, count: `${rows.length} (${first!.x} – ${last!.x})` }),\n        `${capitalize(fill(labels.summaryOhlc, { open: fmt.value(first!.o), close: fmt.value(last!.c), low: fmt.value(lo), high: fmt.value(hi) }))}${change === null ? \"\" : `, ${fill(change >= 0 ? labels.summaryTrendUp : labels.summaryTrendDown, { change: fmt.share(Math.abs(change)) })}`}.`,\n      ].join(\" \");\n  const items: WalkItem[] = rows.map((r, i) => ({ seriesIndex: 0, dataIndex: i, text: `${r.x}: ${columnLabels.open} ${fmt.value(r.o)}, ${columnLabels.high} ${fmt.value(r.h)}, ${columnLabels.low} ${fmt.value(r.l)}, ${columnLabels.close} ${fmt.value(r.c)}` }));\n  const zoomOn = zoom ?? rows.length >= 40;\n\n  const build = useCallback(\n    (theme: ResolvedTheme) => {\n      const base = baseOption(theme, true);\n      const withVolume = rows.some((r) => r.v != null);\n      const xs = rows.map((r) => r.x);\n      const grids = withVolume\n        ? [\n            { left: 8, right: 12, top: 12, bottom: \"30%\", containLabel: true },\n            { left: 8, right: 12, top: \"76%\", bottom: 8, containLabel: true },\n          ]\n        : [{ left: 8, right: 12, top: 12, bottom: 8, containLabel: true }];\n      return {\n        ...base,\n        tooltip: {\n          ...(base.tooltip as object),\n          trigger: \"axis\",\n          axisPointer: { type: \"line\", lineStyle: { color: theme.axis } },\n          formatter: (params: { dataIndex: number }[]) => {\n            const r = rows[params[0]!.dataIndex]!;\n            const up = r.c >= r.o;\n            return tooltipHtml(\n              r.x,\n              [\n                { label: columnLabels.open, value: fmt.value(r.o) },\n                { label: columnLabels.high, value: fmt.value(r.h) },\n                { label: columnLabels.low, value: fmt.value(r.l) },\n                { label: columnLabels.close, value: fmt.value(r.c), color: up ? theme.success : theme.danger },\n                ...(r.v != null ? [{ label: columnLabels.volume, value: fmt.volume(r.v) }] : []),\n              ],\n            );\n          },\n        },\n        grid: grids,\n        xAxis: grids.map((_, i) => ({ ...categoryAxis(theme, xs), gridIndex: i, axisLabel: { color: theme.text2, hideOverlap: true, show: i === grids.length - 1 } })),\n        yAxis: [\n          { ...valueAxis(theme, (v: number) => fmt.axis(v)), scale: true, gridIndex: 0 },\n          ...(withVolume ? [{ ...valueAxis(theme, (v: number) => fmt.volume(v)), gridIndex: 1, splitNumber: 2 }] : []),\n        ],\n        dataZoom: zoomOn ? [{ type: \"inside\", xAxisIndex: grids.map((_, i) => i), start: Math.max(0, 100 - (40 / rows.length) * 100), end: 100 }] : [],\n        series: [\n          {\n            type: \"candlestick\",\n            data: rows.map((r) => [r.o, r.c, r.l, r.h]),\n            barMaxWidth: 14,\n            itemStyle: { color: theme.surface, color0: theme.danger, borderColor: theme.success, borderColor0: theme.danger, borderWidth: 1.5 },\n            markLine: thresholds.length\n              ? {\n                  symbol: \"none\",\n                  silent: true,\n                  data: thresholds.map((t) => ({\n                    yAxis: t.value,\n                    label: { formatter: fill(labels.summaryThreshold, { label: t.label, value: fmt.value(t.value) }), color: theme.text, position: \"insideEndTop\", fontWeight: 600 },\n                    lineStyle: { color: t.tone && t.tone !== \"neutral\" ? theme[t.tone === \"accent\" ? \"accent\" : t.tone] : theme.text2, type: [6, 4], width: 1.5 },\n                  })),\n                }\n              : undefined,\n          },\n          ...(withVolume\n            ? [\n                {\n                  type: \"bar\",\n                  xAxisIndex: 1,\n                  yAxisIndex: 1,\n                  barMaxWidth: 14,\n                  data: rows.map((r) => ({ value: r.v, itemStyle: { color: r.c >= r.o ? theme.success : theme.danger, opacity: 0.45, borderRadius: [2, 2, 0, 0] } })),\n                },\n              ]\n            : []),\n        ],\n      };\n    },\n    [rows, fmt, thresholds, zoomOn, columnLabels, labels.summaryThreshold],\n  );\n\n  return (\n    <EChartHost\n      kind=\"candlestick\"\n      frame={props}\n      defaultHeight={340}\n      table={{\n        columns: [labels.category, columnLabels.open, columnLabels.high, columnLabels.low, columnLabels.close, ...(volume ? [columnLabels.volume] : [])],\n        rows: rows.map((r) => [r.x, fmt.value(r.o), fmt.value(r.h), fmt.value(r.l), fmt.value(r.c), ...(volume ? [fmt.volume(r.v)] : [])]),\n      }}\n      summary={summary}\n      isEmpty={isEmpty}\n      engine={engine}\n      build={build}\n      items={items}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAKA,SAAS,aAAa,eAAe;AA+JjC;AApJJ,IAAM,SAAS,MAAM,OAAO,2BAAgC;AA+B5D,IAAM,kBAAkB,EAAE,MAAM,QAAQ,MAAM,QAAQ,KAAK,OAAO,OAAO,SAAS,QAAQ,SAAS;AAE5F,SAAS,YAA6B,OAA4B;AACvE,QAAM,EAAE,MAAM,GAAG,MAAM,MAAM,KAAK,OAAO,QAAQ,QAAQ,eAAe,WAAW,SAAS,aAAa,CAAC,GAAG,MAAM,eAAe,gBAAgB,IAAI;AACtJ,QAAM,EAAE,QAAQ,OAAO,IAAI,YAAY,KAAK;AAC5C,QAAM,MAAM;AAAA,IACV,OAAO;AAAA,MACL,OAAO,eAAe,QAAQ,QAAQ,OAAO,OAAO;AAAA,MACpD,MAAM,eAAe,QAAQ,QAAQ,OAAO,SAAS,IAAI;AAAA,MACzD,QAAQ,eAAe,cAAc,QAAQ,OAAO,OAAO;AAAA,MAC3D,UAAU,kBAAkB,SAAS,MAAM;AAAA,MAC3C,OAAO,eAAe,MAAM;AAAA,IAC9B;AAAA,IACA,CAAC,QAAQ,cAAc,SAAS,QAAQ,OAAO,OAAO;AAAA,EACxD;AACA,QAAM,OAAO;AAAA,IACX,MACE,KAAK,IAAI,CAAC,GAAG,OAAO;AAAA,MAClB,GAAG,IAAI,SAAS,KAAK,GAAG,GAAG,CAAC,CAAC;AAAA,MAC7B,GAAG,OAAO,KAAK,MAAM,GAAG,CAAC,CAAC;AAAA,MAC1B,GAAG,OAAO,KAAK,MAAM,GAAG,CAAC,CAAC;AAAA,MAC1B,GAAG,OAAO,KAAK,KAAK,GAAG,CAAC,CAAC;AAAA,MACzB,GAAG,OAAO,KAAK,OAAO,GAAG,CAAC,CAAC;AAAA,MAC3B,GAAG,SAAS,OAAO,KAAK,QAAQ,GAAG,CAAC,CAAC,IAAI;AAAA,IAC3C,EAAE;AAAA,IACJ,CAAC,MAAM,GAAG,MAAM,MAAM,KAAK,OAAO,QAAQ,GAAG;AAAA,EAC/C;AACA,QAAM,UAAU,KAAK,WAAW;AAChC,QAAM,QAAQ,KAAK,CAAC;AACpB,QAAM,OAAO,KAAK,KAAK,SAAS,CAAC;AACjC,QAAM,KAAK,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AAC3C,QAAM,KAAK,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AAC3C,QAAM,SAAS,SAAS,QAAQ,MAAM,IAAI,KAAK,IAAI,MAAM,IAAI,IAAI;AACjE,QAAM,UAAU,UACZ,OAAO,QACP;AAAA,IACE,KAAK,OAAO,cAAc,EAAE,MAAM,OAAO,MAAM,aAAa,OAAO,GAAG,KAAK,MAAM,KAAK,MAAO,CAAC,WAAM,KAAM,CAAC,IAAI,CAAC;AAAA,IAChH,GAAG,WAAW,KAAK,OAAO,aAAa,EAAE,MAAM,IAAI,MAAM,MAAO,CAAC,GAAG,OAAO,IAAI,MAAM,KAAM,CAAC,GAAG,KAAK,IAAI,MAAM,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,WAAW,OAAO,KAAK,KAAK,KAAK,UAAU,IAAI,OAAO,iBAAiB,OAAO,kBAAkB,EAAE,QAAQ,IAAI,MAAM,KAAK,IAAI,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE;AAAA,EACzR,EAAE,KAAK,GAAG;AACd,QAAM,QAAoB,KAAK,IAAI,CAAC,GAAG,OAAO,EAAE,aAAa,GAAG,WAAW,GAAG,MAAM,GAAG,EAAE,CAAC,KAAK,aAAa,IAAI,IAAI,IAAI,MAAM,EAAE,CAAC,CAAC,KAAK,aAAa,IAAI,IAAI,IAAI,MAAM,EAAE,CAAC,CAAC,KAAK,aAAa,GAAG,IAAI,IAAI,MAAM,EAAE,CAAC,CAAC,KAAK,aAAa,KAAK,IAAI,IAAI,MAAM,EAAE,CAAC,CAAC,GAAG,EAAE;AAC/P,QAAM,SAAS,QAAQ,KAAK,UAAU;AAEtC,QAAM,QAAQ;AAAA,IACZ,CAAC,UAAyB;AACxB,YAAM,OAAO,WAAW,OAAO,IAAI;AACnC,YAAM,aAAa,KAAK,KAAK,CAAC,MAAM,EAAE,KAAK,IAAI;AAC/C,YAAM,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;AAC9B,YAAM,QAAQ,aACV;AAAA,QACE,EAAE,MAAM,GAAG,OAAO,IAAI,KAAK,IAAI,QAAQ,OAAO,cAAc,KAAK;AAAA,QACjE,EAAE,MAAM,GAAG,OAAO,IAAI,KAAK,OAAO,QAAQ,GAAG,cAAc,KAAK;AAAA,MAClE,IACA,CAAC,EAAE,MAAM,GAAG,OAAO,IAAI,KAAK,IAAI,QAAQ,GAAG,cAAc,KAAK,CAAC;AACnE,aAAO;AAAA,QACL,GAAG;AAAA,QACH,SAAS;AAAA,UACP,GAAI,KAAK;AAAA,UACT,SAAS;AAAA,UACT,aAAa,EAAE,MAAM,QAAQ,WAAW,EAAE,OAAO,MAAM,KAAK,EAAE;AAAA,UAC9D,WAAW,CAAC,WAAoC;AAC9C,kBAAM,IAAI,KAAK,OAAO,CAAC,EAAG,SAAS;AACnC,kBAAM,KAAK,EAAE,KAAK,EAAE;AACpB,mBAAO;AAAA,cACL,EAAE;AAAA,cACF;AAAA,gBACE,EAAE,OAAO,aAAa,MAAM,OAAO,IAAI,MAAM,EAAE,CAAC,EAAE;AAAA,gBAClD,EAAE,OAAO,aAAa,MAAM,OAAO,IAAI,MAAM,EAAE,CAAC,EAAE;AAAA,gBAClD,EAAE,OAAO,aAAa,KAAK,OAAO,IAAI,MAAM,EAAE,CAAC,EAAE;AAAA,gBACjD,EAAE,OAAO,aAAa,OAAO,OAAO,IAAI,MAAM,EAAE,CAAC,GAAG,OAAO,KAAK,MAAM,UAAU,MAAM,OAAO;AAAA,gBAC7F,GAAI,EAAE,KAAK,OAAO,CAAC,EAAE,OAAO,aAAa,QAAQ,OAAO,IAAI,OAAO,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;AAAA,cAChF;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QACA,MAAM;AAAA,QACN,OAAO,MAAM,IAAI,CAAC,GAAG,OAAO,EAAE,GAAG,aAAa,OAAO,EAAE,GAAG,WAAW,GAAG,WAAW,EAAE,OAAO,MAAM,OAAO,aAAa,MAAM,MAAM,MAAM,MAAM,SAAS,EAAE,EAAE,EAAE;AAAA,QAC7J,OAAO;AAAA,UACL,EAAE,GAAG,UAAU,OAAO,CAAC,MAAc,IAAI,KAAK,CAAC,CAAC,GAAG,OAAO,MAAM,WAAW,EAAE;AAAA,UAC7E,GAAI,aAAa,CAAC,EAAE,GAAG,UAAU,OAAO,CAAC,MAAc,IAAI,OAAO,CAAC,CAAC,GAAG,WAAW,GAAG,aAAa,EAAE,CAAC,IAAI,CAAC;AAAA,QAC5G;AAAA,QACA,UAAU,SAAS,CAAC,EAAE,MAAM,UAAU,YAAY,MAAM,IAAI,CAAC,GAAG,MAAM,CAAC,GAAG,OAAO,KAAK,IAAI,GAAG,MAAO,KAAK,KAAK,SAAU,GAAG,GAAG,KAAK,IAAI,CAAC,IAAI,CAAC;AAAA,QAC7I,QAAQ;AAAA,UACN;AAAA,YACE,MAAM;AAAA,YACN,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AAAA,YAC1C,aAAa;AAAA,YACb,WAAW,EAAE,OAAO,MAAM,SAAS,QAAQ,MAAM,QAAQ,aAAa,MAAM,SAAS,cAAc,MAAM,QAAQ,aAAa,IAAI;AAAA,YAClI,UAAU,WAAW,SACjB;AAAA,cACE,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,MAAM,WAAW,IAAI,CAAC,OAAO;AAAA,gBAC3B,OAAO,EAAE;AAAA,gBACT,OAAO,EAAE,WAAW,KAAK,OAAO,kBAAkB,EAAE,OAAO,EAAE,OAAO,OAAO,IAAI,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,MAAM,MAAM,UAAU,gBAAgB,YAAY,IAAI;AAAA,gBAC/J,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,YAAY,MAAM,EAAE,SAAS,WAAW,WAAW,EAAE,IAAI,IAAI,MAAM,OAAO,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,IAAI;AAAA,cAC9I,EAAE;AAAA,YACJ,IACA;AAAA,UACN;AAAA,UACA,GAAI,aACA;AAAA,YACE;AAAA,cACE,MAAM;AAAA,cACN,YAAY;AAAA,cACZ,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,MAAM,KAAK,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,MAAM,UAAU,MAAM,QAAQ,SAAS,MAAM,cAAc,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,EAAE,EAAE;AAAA,YACpJ;AAAA,UACF,IACA,CAAC;AAAA,QACP;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,KAAK,YAAY,QAAQ,cAAc,OAAO,gBAAgB;AAAA,EACvE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,MACP,eAAe;AAAA,MACf,OAAO;AAAA,QACL,SAAS,CAAC,OAAO,UAAU,aAAa,MAAM,aAAa,MAAM,aAAa,KAAK,aAAa,OAAO,GAAI,SAAS,CAAC,aAAa,MAAM,IAAI,CAAC,CAAE;AAAA,QAC/I,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,MAAM,EAAE,CAAC,GAAG,IAAI,MAAM,EAAE,CAAC,GAAG,IAAI,MAAM,EAAE,CAAC,GAAG,IAAI,MAAM,EAAE,CAAC,GAAG,GAAI,SAAS,CAAC,IAAI,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,CAAE,CAAC;AAAA,MACnI;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-OB5EFDDH.js

@@ -0,0 +1,118 @@
+"use client";
+
+// src/core/shape.ts
+var r = (n) => Math.round(n * 100) / 100;
+function segments(points) {
+  const out = [];
+  let current = [];
+  for (const point of points) {
+    if (point) current.push(point);
+    else if (current.length) {
+      out.push(current);
+      current = [];
+    }
+  }
+  if (current.length) out.push(current);
+  return out;
+}
+function linePath(points, curve = "monotone") {
+  if (points.length === 0) return "";
+  const [x0, y0] = points[0];
+  if (points.length === 1) return `M${r(x0)},${r(y0)}`;
+  if (curve === "step") {
+    let d2 = `M${r(x0)},${r(y0)}`;
+    for (let i = 1; i < points.length; i += 1) {
+      const [px] = points[i - 1];
+      const [x, y] = points[i];
+      const mid = (px + x) / 2;
+      d2 += `H${r(mid)}V${r(y)}H${r(x)}`;
+    }
+    return d2;
+  }
+  if (curve === "linear" || points.length === 2) return points.map(([x, y], i) => `${i ? "L" : "M"}${r(x)},${r(y)}`).join("");
+  const tangents = monotoneTangents(points);
+  let d = `M${r(x0)},${r(y0)}`;
+  for (let i = 1; i < points.length; i += 1) {
+    const [xa, ya] = points[i - 1];
+    const [xb, yb] = points[i];
+    const h = (xb - xa) / 3;
+    d += `C${r(xa + h)},${r(ya + h * tangents[i - 1])} ${r(xb - h)},${r(yb - h * tangents[i])} ${r(xb)},${r(yb)}`;
+  }
+  return d;
+}
+function monotoneTangents(points) {
+  const n = points.length;
+  const slopes = [];
+  for (let i = 0; i < n - 1; i += 1) {
+    const [xa, ya] = points[i];
+    const [xb, yb] = points[i + 1];
+    slopes.push(xb === xa ? 0 : (yb - ya) / (xb - xa));
+  }
+  const tangents = [slopes[0]];
+  for (let i = 1; i < n - 1; i += 1) {
+    const a = slopes[i - 1];
+    const b = slopes[i];
+    tangents.push(a * b <= 0 ? 0 : 3 * a * b / (Math.max(a, b) * 2 + Math.min(a, b)) || 0);
+  }
+  tangents.push(slopes[n - 2]);
+  return tangents;
+}
+function areaPath(top, base, curve = "monotone") {
+  if (top.length === 0) return "";
+  const line = linePath(top, curve);
+  const bottom = typeof base === "number" ? [top[top.length - 1], top[0]].map(([x]) => [x, base]) : [...base].reverse();
+  if (typeof base === "number") return `${line}L${r(bottom[0][0])},${r(base)}L${r(bottom[1][0])},${r(base)}Z`;
+  return `${line}L${linePath(bottom, curve).slice(1)}Z`;
+}
+function barPath(x, y, width, height, radius = 4, horizontal = false, negative = false) {
+  if (width <= 0 || height <= 0) return "";
+  const rad = Math.min(radius, horizontal ? height / 2 : width / 2, horizontal ? width : height);
+  if (!horizontal) {
+    if (!negative) {
+      return `M${r(x)},${r(y + height)}V${r(y + rad)}Q${r(x)},${r(y)} ${r(x + rad)},${r(y)}H${r(x + width - rad)}Q${r(x + width)},${r(y)} ${r(x + width)},${r(y + rad)}V${r(y + height)}Z`;
+    }
+    return `M${r(x)},${r(y)}V${r(y + height - rad)}Q${r(x)},${r(y + height)} ${r(x + rad)},${r(y + height)}H${r(x + width - rad)}Q${r(x + width)},${r(y + height)} ${r(x + width)},${r(y + height - rad)}V${r(y)}Z`;
+  }
+  if (!negative) {
+    return `M${r(x)},${r(y)}H${r(x + width - rad)}Q${r(x + width)},${r(y)} ${r(x + width)},${r(y + rad)}V${r(y + height - rad)}Q${r(x + width)},${r(y + height)} ${r(x + width - rad)},${r(y + height)}H${r(x)}Z`;
+  }
+  return `M${r(x + width)},${r(y)}H${r(x + rad)}Q${r(x)},${r(y)} ${r(x)},${r(y + rad)}V${r(y + height - rad)}Q${r(x)},${r(y + height)} ${r(x + rad)},${r(y + height)}H${r(x + width)}Z`;
+}
+function polar(cx, cy, radius, angle) {
+  return [cx + radius * Math.sin(angle), cy - radius * Math.cos(angle)];
+}
+function arcPath(cx, cy, inner, outer, start, end) {
+  const sweep = end - start;
+  if (sweep <= 0 || outer <= 0) return "";
+  if (sweep >= Math.PI * 2 - 1e-6) {
+    const mid = start + Math.PI;
+    return `${arcPath(cx, cy, inner, outer, start, mid)}${arcPath(cx, cy, inner, outer, mid, start + Math.PI * 2)}`;
+  }
+  const large = sweep > Math.PI ? 1 : 0;
+  const [ox0, oy0] = polar(cx, cy, outer, start);
+  const [ox1, oy1] = polar(cx, cy, outer, end);
+  let d = `M${r(ox0)},${r(oy0)}A${r(outer)},${r(outer)} 0 ${large} 1 ${r(ox1)},${r(oy1)}`;
+  if (inner > 0) {
+    const [ix1, iy1] = polar(cx, cy, inner, end);
+    const [ix0, iy0] = polar(cx, cy, inner, start);
+    d += `L${r(ix1)},${r(iy1)}A${r(inner)},${r(inner)} 0 ${large} 0 ${r(ix0)},${r(iy0)}Z`;
+  } else d += `L${r(cx)},${r(cy)}Z`;
+  return d;
+}
+function strokeArcPath(cx, cy, radius, start, end) {
+  if (end - start <= 0) return "";
+  const [x0, y0] = polar(cx, cy, radius, start);
+  const [x1, y1] = polar(cx, cy, radius, end);
+  return `M${r(x0)},${r(y0)}A${r(radius)},${r(radius)} 0 ${end - start > Math.PI ? 1 : 0} 1 ${r(x1)},${r(y1)}`;
+}
+
+export {
+  segments,
+  linePath,
+  areaPath,
+  barPath,
+  polar,
+  arcPath,
+  strokeArcPath
+};
+//# sourceMappingURL=chunk-OB5EFDDH.js.map