kaleido-ui 0.2.5 → 0.2.6

package/dist/web/components/status-badge.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   StatusBadge
-} from "../chunk-LPDB7EHH.js";
-import "../chunk-A6MSV4MA.js";
-import "../chunk-VYQHGSK6.js";
-import "../chunk-OI7WX7NE.js";
+} from "../chunk-I6ESLPWR.js";
+import "../chunk-HLHCPDCZ.js";
 import "../chunk-YQQ7GDLZ.js";
 import "../chunk-PMGIJMRO.js";
+import "../chunk-GCOOW7Y6.js";
 import "../chunk-XXH4TYKZ.js";
+import "../chunk-OI7WX7NE.js";
 export {
   StatusBadge
 };

package/dist/web/components/status-icon-badge.js

@@ -2,13 +2,13 @@
 import {
   StatusIconBadge,
   iconBadgeOverlayClass
-} from "../chunk-CZPNI33A.js";
-import "../chunk-A6MSV4MA.js";
-import "../chunk-VYQHGSK6.js";
-import "../chunk-OI7WX7NE.js";
+} from "../chunk-Y74IX3Z3.js";
+import "../chunk-HLHCPDCZ.js";
 import "../chunk-YQQ7GDLZ.js";
 import "../chunk-PMGIJMRO.js";
+import "../chunk-GCOOW7Y6.js";
 import "../chunk-XXH4TYKZ.js";
+import "../chunk-OI7WX7NE.js";
 export {
   StatusIconBadge,
   iconBadgeOverlayClass

package/dist/web/components/swap-badge.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   SwapBadge
-} from "../chunk-VNL2QI5B.js";
-import "../chunk-EBQ35SOM.js";
-import "../chunk-WBW5E6LC.js";
-import "../chunk-PMGIJMRO.js";
+} from "../chunk-AP7Q2FCS.js";
+import "../chunk-IV6AAVUE.js";
+import "../chunk-LYCLVP26.js";
 import "../chunk-WEPSTI3Z.js";
+import "../chunk-PMGIJMRO.js";
 export {
   SwapBadge
 };

package/dist/web/components/swap-input-card.js

@@ -1,28 +1,28 @@
 "use client";
 import {
   SwapInputCard
-} from "../chunk-T2NBG4KF.js";
-import "../chunk-VM6AGMYO.js";
-import "../chunk-SVYDLG2C.js";
+} from "../chunk-ARO323RW.js";
+import "../chunk-CRQ6QCAN.js";
 import "../chunk-YRRZ22OK.js";
-import "../chunk-SGXLWU4V.js";
+import "../chunk-Y74IX3Z3.js";
+import "../chunk-Y276JDXI.js";
+import "../chunk-IV6AAVUE.js";
 import "../chunk-CXMCWSWC.js";
-import "../chunk-GZZ5KVON.js";
-import "../chunk-CZPNI33A.js";
-import "../chunk-DCUAE6PX.js";
-import "../chunk-A6MSV4MA.js";
-import "../chunk-VYQHGSK6.js";
-import "../chunk-OI7WX7NE.js";
-import "../chunk-EBQ35SOM.js";
+import "../chunk-LYCLVP26.js";
+import "../chunk-VM6AGMYO.js";
 import "../chunk-MTQOAMDW.js";
-import "../chunk-WBW5E6LC.js";
+import "../chunk-DCUAE6PX.js";
 import "../chunk-JY3H7ZAI.js";
+import "../chunk-HLHCPDCZ.js";
+import "../chunk-WEPSTI3Z.js";
 import "../chunk-OWSKP527.js";
+import "../chunk-GZZ5KVON.js";
 import "../chunk-YQQ7GDLZ.js";
 import "../chunk-PMGIJMRO.js";
-import "../chunk-XXH4TYKZ.js";
-import "../chunk-WEPSTI3Z.js";
 import "../chunk-VLZMX43R.js";
+import "../chunk-GCOOW7Y6.js";
+import "../chunk-XXH4TYKZ.js";
+import "../chunk-OI7WX7NE.js";
 export {
   SwapInputCard
 };

package/dist/web/components/theme-toggle.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   ThemeToggle
-} from "../chunk-Y2W5YG6Y.js";
+} from "../chunk-A5LNLZWX.js";
 import "../chunk-QRFFLA3N.js";
 import "../chunk-YQQ7GDLZ.js";
 import "../chunk-PMGIJMRO.js";
-import "../chunk-XXH4TYKZ.js";
 import "../chunk-G2MJL3VP.js";
+import "../chunk-XXH4TYKZ.js";
 export {
   ThemeToggle
 };

package/dist/web/components/transaction-card.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   TransactionCard
-} from "../chunk-XYNURYMC.js";
-import "../chunk-CZPNI33A.js";
-import "../chunk-A6MSV4MA.js";
-import "../chunk-VYQHGSK6.js";
-import "../chunk-OI7WX7NE.js";
+} from "../chunk-I7MYUZ56.js";
+import "../chunk-Y74IX3Z3.js";
+import "../chunk-HLHCPDCZ.js";
 import "../chunk-YQQ7GDLZ.js";
 import "../chunk-PMGIJMRO.js";
+import "../chunk-GCOOW7Y6.js";
 import "../chunk-XXH4TYKZ.js";
+import "../chunk-OI7WX7NE.js";
 export {
   TransactionCard
 };

package/dist/web/components/trend-chart.js

@@ -3,24 +3,24 @@ import {
   TrendChart,
   trendChartLabelIndices,
   trendChartTicks
-} from "../chunk-GX5URFML.js";
-import "../chunk-CXLGQSHM.js";
-import "../chunk-DUAFJ3CX.js";
-import "../chunk-UHXOPILM.js";
-import "../chunk-CRMLYZIX.js";
+} from "../chunk-M7JNBTLT.js";
+import "../chunk-UR2Q5DZF.js";
 import "../chunk-HVKSBEZN.js";
+import "../chunk-HBPFGIYS.js";
 import "../chunk-VM6AGMYO.js";
+import "../chunk-46KGJZSU.js";
+import "../chunk-CRMLYZIX.js";
 import "../chunk-CBE7BT3M.js";
-import "../chunk-DCUAE6PX.js";
-import "../chunk-A6MSV4MA.js";
-import "../chunk-VYQHGSK6.js";
-import "../chunk-OI7WX7NE.js";
 import "../chunk-MTQOAMDW.js";
+import "../chunk-DCUAE6PX.js";
 import "../chunk-JY3H7ZAI.js";
+import "../chunk-HLHCPDCZ.js";
 import "../chunk-OWSKP527.js";
 import "../chunk-YQQ7GDLZ.js";
 import "../chunk-PMGIJMRO.js";
+import "../chunk-GCOOW7Y6.js";
 import "../chunk-XXH4TYKZ.js";
+import "../chunk-OI7WX7NE.js";
 export {
   TrendChart,
   trendChartLabelIndices,

package/dist/web/components/value-list.js

@@ -1,20 +1,20 @@
 "use client";
 import {
   ValueList
-} from "../chunk-DZMOH67F.js";
-import "../chunk-GEXPB5CG.js";
-import "../chunk-W4G74KFZ.js";
+} from "../chunk-OITKJK5K.js";
+import "../chunk-GQBELVPV.js";
+import "../chunk-TGYM5AF6.js";
 import "../chunk-A7MPRLJL.js";
 import "../chunk-PIXLIWSO.js";
-import "../chunk-Q2IXLUSM.js";
+import "../chunk-LYCLVP26.js";
 import "../chunk-MTQOAMDW.js";
-import "../chunk-WBW5E6LC.js";
+import "../chunk-WEPSTI3Z.js";
 import "../chunk-OWSKP527.js";
+import "../chunk-Q2IXLUSM.js";
 import "../chunk-YQQ7GDLZ.js";
 import "../chunk-PMGIJMRO.js";
-import "../chunk-XXH4TYKZ.js";
-import "../chunk-WEPSTI3Z.js";
 import "../chunk-BGUBHWIO.js";
+import "../chunk-XXH4TYKZ.js";
 export {
   ValueList
 };

package/dist/web/components/wallet-asset-list.js

@@ -1,22 +1,22 @@
 "use client";
 import {
   WalletAssetList
-} from "../chunk-RULT57JR.js";
-import "../chunk-4BTXTIE6.js";
+} from "../chunk-QNT2GSHF.js";
+import "../chunk-Z7IFO623.js";
+import "../chunk-I6ESLPWR.js";
+import "../chunk-Y276JDXI.js";
+import "../chunk-IV6AAVUE.js";
+import "../chunk-LYCLVP26.js";
 import "../chunk-VM6AGMYO.js";
-import "../chunk-LPDB7EHH.js";
-import "../chunk-SGXLWU4V.js";
-import "../chunk-A6MSV4MA.js";
-import "../chunk-VYQHGSK6.js";
-import "../chunk-OI7WX7NE.js";
-import "../chunk-EBQ35SOM.js";
 import "../chunk-MTQOAMDW.js";
-import "../chunk-WBW5E6LC.js";
+import "../chunk-HLHCPDCZ.js";
+import "../chunk-WEPSTI3Z.js";
 import "../chunk-YQQ7GDLZ.js";
 import "../chunk-PMGIJMRO.js";
-import "../chunk-XXH4TYKZ.js";
-import "../chunk-WEPSTI3Z.js";
 import "../chunk-VLZMX43R.js";
+import "../chunk-GCOOW7Y6.js";
+import "../chunk-XXH4TYKZ.js";
+import "../chunk-OI7WX7NE.js";
 export {
   WalletAssetList
 };

package/dist/web/components/withdraw-amount-input.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   WithdrawAmountInput
-} from "../chunk-IWDBETXQ.js";
-import "../chunk-H3GYLFHP.js";
-import "../chunk-VM6AGMYO.js";
+} from "../chunk-ESAYAG7H.js";
 import "../chunk-CXMCWSWC.js";
+import "../chunk-VM6AGMYO.js";
+import "../chunk-H3GYLFHP.js";
 import "../chunk-MTQOAMDW.js";
 import "../chunk-OWSKP527.js";
 import "../chunk-PMGIJMRO.js";

package/dist/web/components/withdraw-confirmation.js

@@ -1,17 +1,17 @@
 "use client";
 import {
   WithdrawConfirmation
-} from "../chunk-D5CPIS6B.js";
+} from "../chunk-QFE2KEC2.js";
+import "../chunk-Y276JDXI.js";
 import "../chunk-VM6AGMYO.js";
-import "../chunk-SGXLWU4V.js";
 import "../chunk-DCUAE6PX.js";
 import "../chunk-JY3H7ZAI.js";
+import "../chunk-WEPSTI3Z.js";
 import "../chunk-OWSKP527.js";
 import "../chunk-YQQ7GDLZ.js";
 import "../chunk-PMGIJMRO.js";
-import "../chunk-XXH4TYKZ.js";
-import "../chunk-WEPSTI3Z.js";
 import "../chunk-VLZMX43R.js";
+import "../chunk-XXH4TYKZ.js";
 export {
   WithdrawConfirmation
 };

package/dist/web/icons/index.js

@@ -3,9 +3,9 @@ import {
   filledMap,
   isIconName,
   outlinedMap
-} from "../chunk-VYQHGSK6.js";
-import "../chunk-OI7WX7NE.js";
+} from "../chunk-GCOOW7Y6.js";
 import "../chunk-XXH4TYKZ.js";
+import "../chunk-OI7WX7NE.js";
 export {
   filledMap,
   isIconName,

package/dist/web/icons/public.js

@@ -1,23 +1,16 @@
 "use client";
-import {
-  createIcon
-} from "../chunk-A6MSV4MA.js";
-import "../chunk-VYQHGSK6.js";
-import {
-  AccountBalanceWalletFilled,
-  CheckCircleFilled,
-  HistoryFilled,
-  SettingsFilled,
-  SwapHorizFilled
-} from "../chunk-OI7WX7NE.js";
 import {
   GlyphButton
 } from "../chunk-JY3H7ZAI.js";
+import {
+  createIcon
+} from "../chunk-HLHCPDCZ.js";
 import "../chunk-OWSKP527.js";
 import {
   IconGlyph
 } from "../chunk-YQQ7GDLZ.js";
 import "../chunk-PMGIJMRO.js";
+import "../chunk-GCOOW7Y6.js";
 import {
   AccountBalanceWallet,
   Add,
@@ -128,6 +121,13 @@ import {
   VisibilityOff,
   Warning
 } from "../chunk-XXH4TYKZ.js";
+import {
+  AccountBalanceWalletFilled,
+  CheckCircleFilled,
+  HistoryFilled,
+  SettingsFilled,
+  SwapHorizFilled
+} from "../chunk-OI7WX7NE.js";
 export {
   AccountBalanceWallet,
   AccountBalanceWalletFilled,

package/dist/web/index.cjs

@@ -10462,6 +10462,16 @@ function FilterChipGroup({
 
 // src/web/components/charts/core.tsx
 var import_jsx_runtime116 = require("react/jsx-runtime");
+var BAR_GAP = 2;
+var BAR_RADIUS = 4;
+function barPath(x, y, w, h, end) {
+  const r = Math.min(BAR_RADIUS, w / 2, h / 2);
+  if (end === "none" || r <= 0) return `M${x},${y}h${w}v${h}h${-w}Z`;
+  if (end === "top") {
+    return `M${x},${y + h}V${y + r}Q${x},${y} ${x + r},${y}H${x + w - r}Q${x + w},${y} ${x + w},${y + r}V${y + h}Z`;
+  }
+  return `M${x},${y}H${x + w - r}Q${x + w},${y} ${x + w},${y + r}V${y + h - r}Q${x + w},${y + h} ${x + w - r},${y + h}H${x}Z`;
+}
 var seriesColor = (slot) => `var(--series-${slot % chartSeriesLimit + 1})`;
 var defaultChartFormat = (value) => formatAmount(value);
 var TICK_FONT = 11;
@@ -10925,7 +10935,7 @@ function TrendChart({
   const barWidth = band >= 4 ? Math.min(band * 0.72, MAX_BAR_WIDTH) : Math.max(1, band - 0.75);
   const barOffset = (band - barWidth) / 2;
   const labelIndices = trendChartLabelIndices(count3, plotWidth / X_LABEL_SPACING);
-  const fillFor = (index) => textures[index] === "hatch" ? `url(#${idBase}-hatch-${index})` : toneFill[series[index].tone];
+  const fillFor = (index) => textures[index] === "hatch" ? `url(#${idBase}-hatch-${index})` : `url(#${idBase}-fill-${index})`;
   const activePoint = active === null ? null : points[active];
   const readoutId = `${idBase}-readout`;
   const activeRows = activePoint ? series.map((s) => ({
@@ -10987,7 +10997,7 @@ function TrendChart({
                   "aria-hidden": "true",
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("defs", { children: series.map(
-                      (s, index) => textures[index] === "hatch" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Texture, { id: `${idBase}-hatch-${index}`, tone: s.tone, texture: "hatch" }, s.id) : null
+                      (s, index) => textures[index] === "hatch" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Texture, { id: `${idBase}-hatch-${index}`, tone: s.tone, texture: "hatch" }, s.id) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(SolidFill, { id: `${idBase}-fill-${index}`, tone: s.tone }, s.id)
                     ) }),
                     /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("g", { "data-slot": "trend-chart-y-axis", children: ticks.map((tick, index) => /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("g", { children: [
                       /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
@@ -11035,16 +11045,21 @@ function TrendChart({
                           if (value <= 0) return null;
                           const top = y(base + value);
                           const bottom = y(base);
+                          const seam = base > 0 ? BAR_GAP : 0;
                           base += value;
+                          const isTop = series.slice(seriesIndex + 1).every((next) => (point.values[next.id] ?? 0) <= 0);
                           const hatched = textures[seriesIndex] === "hatch";
                           return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
-                            "rect",
+                            "path",
                             {
                               "data-series": s.id,
-                              x: plotLeft + pointIndex * band + barOffset,
-                              y: top,
-                              width: barWidth,
-                              height: Math.max(0.5, bottom - top - (seriesIndex > 0 ? 1 : 0)),
+                              d: barPath(
+                                plotLeft + pointIndex * band + barOffset,
+                                top,
+                                barWidth,
+                                Math.max(0.5, bottom - top - seam),
+                                isTop ? "top" : "none"
+                              ),
                               fill: fillFor(seriesIndex),
                               stroke: hatched ? toneFill[s.tone] : void 0,
                               strokeWidth: hatched && barWidth >= 4 ? 1 : 0
@@ -11126,6 +11141,12 @@ function TrendChart({
     }
   );
 }
+function SolidFill({ id, tone }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("linearGradient", { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("stop", { offset: "0%", style: { stopColor: `color-mix(in oklab, ${toneFill[tone]}, white 35%)` } }),
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("stop", { offset: "100%", style: { stopColor: toneFill[tone] } })
+  ] });
+}
 function Texture({
   id,
   tone,
@@ -11349,16 +11370,7 @@ function AreaChart2(props) {
 var import_react35 = require("react");
 var import_jsx_runtime119 = require("react/jsx-runtime");
 var MAX_BAR = 24;
-var GAP = 2;
-var RADIUS = 4;
-function barPath(x, y, w, h, end) {
-  const r = Math.min(RADIUS, w / 2, h / 2);
-  if (end === "none" || r <= 0) return `M${x},${y}h${w}v${h}h${-w}Z`;
-  if (end === "top") {
-    return `M${x},${y + h}V${y + r}Q${x},${y} ${x + r},${y}H${x + w - r}Q${x + w},${y} ${x + w},${y + r}V${y + h}Z`;
-  }
-  return `M${x},${y}H${x + w - r}Q${x + w},${y} ${x + w},${y + r}V${y + h - r}Q${x + w},${y + h} ${x + w - r},${y + h}H${x}Z`;
-}
+var GAP = BAR_GAP;
 function BarChart2({
   data,
   series: allSeries,

package/dist/web/index.d.cts

@@ -3041,7 +3041,6 @@ interface ChartDatum {
     detail?: string;
     values: Readonly<Record<string, number>>;
 }
-/** The series colour for a slot. Slots past the palette are a bug, not a new hue. */
 declare const seriesColor: (slot: number) => string;
 /**
  * Value-axis ticks that only name values the chart reaches: from zero, round

package/dist/web/index.d.ts

@@ -3041,7 +3041,6 @@ interface ChartDatum {
     detail?: string;
     values: Readonly<Record<string, number>>;
 }
-/** The series colour for a slot. Slots past the palette are a bug, not a new hue. */
 declare const seriesColor: (slot: number) => string;
 /**
  * Value-axis ticks that only name values the chart reaches: from zero, round