@squadbase/vantage 0.6.2-dev2.777fe38 → 0.6.2-dev2.e6d8401

package/dist/chunk-6OTTGAPO.js

@@ -0,0 +1,44 @@
+import { formatDelta } from './chunk-57GHR5LN.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// @squadbase/vantage — generated build. Do not edit.
+var MUTED = { color: "var(--doc-muted)" };
+function DeltaText({ value, format, betterWhen = "up", comparisonLabel }) {
+  const label = comparisonLabel ? /* @__PURE__ */ jsxs("span", { style: MUTED, children: [
+    comparisonLabel,
+    " "
+  ] }) : null;
+  if (value === null) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      label,
+      /* @__PURE__ */ jsx("span", { "data-slot": "delta-text", style: MUTED, children: "\u2014" })
+    ] });
+  }
+  const dir = value > 0 ? "up" : value < 0 ? "down" : "flat";
+  const mark = dir === "up" ? "\u25B2" : dir === "down" ? "\u25BC" : "\u2192";
+  const word = dir === "up" ? "\u5897" : dir === "down" ? "\u6E1B" : "\u6A2A\u3070\u3044";
+  const good = dir === "flat" ? void 0 : dir === "up" === (betterWhen === "up");
+  const tone = good === void 0 ? void 0 : good ? "text-positive" : "text-negative";
+  const text = formatDelta(value, format);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    label,
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "data-slot": "delta-text",
+        className: tone,
+        style: tone ? void 0 : MUTED,
+        "aria-label": `${word}\u3001${text}${good === void 0 ? "" : good ? "\u3001\u6539\u5584" : "\u3001\u60AA\u5316"}`,
+        children: [
+          mark,
+          " ",
+          text
+        ]
+      }
+    )
+  ] });
+}
+
+export { DeltaText };
+//# sourceMappingURL=chunk-6OTTGAPO.js.map
+//# sourceMappingURL=chunk-6OTTGAPO.js.map

package/dist/chunk-6OTTGAPO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../squadkit/registry/blocks/delta-text/delta-text.tsx"],"names":[],"mappings":";;;;AA4BA,IAAM,KAAA,GAAQ,EAAE,KAAA,EAAO,kBAAA,EAAmB;AAEnC,SAAS,UAAU,EAAE,KAAA,EAAO,QAAQ,UAAA,GAAa,IAAA,EAAM,iBAAgB,EAAmB;AAC/F,EAAA,MAAM,KAAA,GAAQ,eAAA,mBAAkB,IAAA,CAAC,MAAA,EAAA,EAAK,OAAO,KAAA,EAAQ,QAAA,EAAA;AAAA,IAAA,eAAA;AAAA,IAAgB;AAAA,GAAA,EAAC,CAAA,GAAU,IAAA;AAChF,EAAA,IAAI,UAAU,IAAA,EAAM;AAClB,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,KAAA;AAAA,0BACA,MAAA,EAAA,EAAK,WAAA,EAAU,YAAA,EAAa,KAAA,EAAO,OAAO,QAAA,EAAA,QAAA,EAE3C;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACA,EAAA,MAAM,MAAM,KAAA,GAAQ,CAAA,GAAI,IAAA,GAAO,KAAA,GAAQ,IAAI,MAAA,GAAS,MAAA;AACpD,EAAA,MAAM,OAAO,GAAA,KAAQ,IAAA,GAAO,QAAA,GAAM,GAAA,KAAQ,SAAS,QAAA,GAAM,QAAA;AACzD,EAAA,MAAM,OAAO,GAAA,KAAQ,IAAA,GAAO,QAAA,GAAM,GAAA,KAAQ,SAAS,QAAA,GAAM,oBAAA;AACzD,EAAA,MAAM,OAAO,GAAA,KAAQ,MAAA,GAAS,MAAA,GAAa,GAAA,KAAQ,UAAW,UAAA,KAAe,IAAA,CAAA;AAC7E,EAAA,MAAM,IAAA,GAAO,IAAA,KAAS,MAAA,GAAY,MAAA,GAAY,OAAO,eAAA,GAAkB,eAAA;AACvE,EAAA,MAAM,IAAA,GAAO,WAAA,CAAY,KAAA,EAAO,MAAM,CAAA;AACtC,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,KAAA;AAAA,oBACD,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,YAAA;AAAA,QACV,SAAA,EAAW,IAAA;AAAA,QACX,KAAA,EAAO,OAAO,MAAA,GAAY,KAAA;AAAA,QAC1B,YAAA,EAAY,CAAA,EAAG,IAAI,CAAA,MAAA,EAAI,IAAI,CAAA,EAAG,IAAA,KAAS,MAAA,GAAY,EAAA,GAAK,IAAA,GAAO,oBAAA,GAAQ,oBAAK,CAAA,CAAA;AAAA,QAE3E,QAAA,EAAA;AAAA,UAAA,IAAA;AAAA,UAAK,GAAA;AAAA,UAAE;AAAA;AAAA;AAAA;AACV,GAAA,EACF,CAAA;AAEJ","file":"chunk-6OTTGAPO.js","sourcesContent":["\"use client\"\n\n/**\n * delta-text — a change as a bare inline `span`: mark + signed value (\"▲ +3.2%\"), so print and\n * colour-blind readers get the direction; colour only adds good / bad. It sets no text size, so it\n * takes the size of the line it sits in (doc blocks, slide text).\n *\n * - The direction comes from the sign of `value`; `betterWhen` (\"up\" by default; `\"down\"` for churn,\n *   cost) decides good / bad. Zero is \"→\" in the muted colour; `null` is \"—\".\n * - `value` is the change itself, formatted by `format` with an explicit sign.\n * - `comparisonLabel` (\"前月比\") is printed in front, muted.\n *\n * @example\n * import { DeltaText } from \"@/blocks/delta-text/delta-text\"\n * <DeltaText value={0.032} format=\"percent\" comparisonLabel=\"前月比\" />\n */\nimport { formatDelta, type ValueFormat } from \"../../lib/format\"\n\nexport interface DeltaTextProps {\n  /** The change itself; its direction comes from the sign. `null` shows \"—\". */\n  value: number | null\n  format?: ValueFormat\n  /** Which way is good. Default `\"up\"`. */\n  betterWhen?: \"up\" | \"down\"\n  /** Name of the comparison, e.g. \"前月比\". Printed before the change; omit to print only the change. */\n  comparisonLabel?: string\n}\n\nconst MUTED = { color: \"var(--doc-muted)\" } as const\n\nexport function DeltaText({ value, format, betterWhen = \"up\", comparisonLabel }: DeltaTextProps) {\n  const label = comparisonLabel ? <span style={MUTED}>{comparisonLabel} </span> : null\n  if (value === null) {\n    return (\n      <>\n        {label}\n        <span data-slot=\"delta-text\" style={MUTED}>\n          —\n        </span>\n      </>\n    )\n  }\n  const dir = value > 0 ? \"up\" : value < 0 ? \"down\" : \"flat\"\n  const mark = dir === \"up\" ? \"▲\" : dir === \"down\" ? \"▼\" : \"→\"\n  const word = dir === \"up\" ? \"増\" : dir === \"down\" ? \"減\" : \"横ばい\"\n  const good = dir === \"flat\" ? undefined : (dir === \"up\") === (betterWhen === \"up\")\n  const tone = good === undefined ? undefined : good ? \"text-positive\" : \"text-negative\"\n  const text = formatDelta(value, format)\n  return (\n    <>\n      {label}\n      <span\n        data-slot=\"delta-text\"\n        className={tone}\n        style={tone ? undefined : MUTED}\n        aria-label={`${word}、${text}${good === undefined ? \"\" : good ? \"、改善\" : \"、悪化\"}`}\n      >\n        {mark} {text}\n      </span>\n    </>\n  )\n}\n\nexport default DeltaText\n"]}