kaleido-ui 0.2.4 → 0.2.6

package/dist/web/{chunk-QCQRA6L5.js → chunk-GQBELVPV.js}

@@ -1,16 +1,16 @@
 "use client";
-import {
-  useCopyToClipboard
-} from "./chunk-BGUBHWIO.js";
 import {
   CopyIcon
-} from "./chunk-GX7GBHJ6.js";
+} from "./chunk-TGYM5AF6.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
+import {
+  useCopyToClipboard
+} from "./chunk-BGUBHWIO.js";
 
 // src/web/components/copy-button.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-HWKXZNBN.js → chunk-HIIB5NGX.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   StatusIconBadge
-} from "./chunk-CZPNI33A.js";
-import {
-  Icon
-} from "./chunk-A6MSV4MA.js";
+} from "./chunk-Y74IX3Z3.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
+import {
+  Icon
+} from "./chunk-HLHCPDCZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-A6MSV4MA.js → chunk-HLHCPDCZ.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  filledMap,
-  outlinedMap
-} from "./chunk-VYQHGSK6.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  filledMap,
+  outlinedMap
+} from "./chunk-GCOOW7Y6.js";
 
 // src/web/primitives/icon.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/web/{chunk-QBZSLR7U.js → chunk-HLPL5AHD.js}

@@ -4,7 +4,7 @@ import {
   CollapsibleChevron,
   CollapsibleContent,
   CollapsibleTrigger
-} from "./chunk-6IBQJIHT.js";
+} from "./chunk-Q2IXLUSM.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-2OGYEUYV.js → chunk-HMHG36RK.js}

@@ -1,10 +1,12 @@
 "use client";
 import {
+  BAR_GAP,
   ChartFrame,
   ChartLegend,
   ChartTooltip,
   TICK_FONT,
   axisTextWidth,
+  barPath,
   chartLabelIndices,
   chartValueTicks,
   defaultChartFormat,
@@ -14,22 +16,13 @@ import {
   tooltipText,
   useChartWidth,
   useSeriesVisibility
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-UR2Q5DZF.js";
 
 // src/web/components/charts/bar-chart.tsx
 import { useState } from "react";
 import { Fragment, jsx, jsxs } from "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 BarChart({
   data,
   series: allSeries,

package/dist/web/{chunk-TBEKRQGW.js → chunk-HO65ENYH.js}

@@ -6,7 +6,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LZ723UCB.js";
+} from "./chunk-D2ZG6TZM.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";

package/dist/web/{chunk-Y3W6LOOE.js → chunk-HSV2WS2C.js}

@@ -1,17 +1,17 @@
 "use client";
 import {
   defaultChartFormat
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-UR2Q5DZF.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   Error,
   Warning
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/charts/meter.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-LPDB7EHH.js → chunk-I6ESLPWR.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon
-} from "./chunk-A6MSV4MA.js";
+} from "./chunk-HLHCPDCZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-2NCH2ZDU.js → chunk-I7MYUZ56.js}

@@ -1,18 +1,18 @@
 "use client";
 import {
   StatusIconBadge
-} from "./chunk-CZPNI33A.js";
+} from "./chunk-Y74IX3Z3.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   ArrowOutward,
   Info,
   SouthWest
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/transaction-card.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-JZ3BUM5L.js → chunk-IEEIIE3Q.js}

@@ -1,40 +1,40 @@
 "use client";
-import {
-  DepositGeneratedView
-} from "./chunk-DH7VXKGM.js";
 import {
   DepositPreGeneration
-} from "./chunk-27CY5EHL.js";
+} from "./chunk-SA6ODI7U.js";
 import {
   DepositSuccessScreen
-} from "./chunk-FWOIRFV5.js";
+} from "./chunk-MUSLMJF3.js";
+import {
+  DepositGeneratedView
+} from "./chunk-SJW4IXDG.js";
 import {
   BtcUnifiedReceive
-} from "./chunk-A3TKIXSI.js";
+} from "./chunk-ND6LNJST.js";
 import {
   AccountChoiceChip,
   MethodChoiceChip,
   NETWORK_CONFIG
-} from "./chunk-GX7GBHJ6.js";
+} from "./chunk-TGYM5AF6.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
 import {
   ScrollArea
 } from "./chunk-DCUAE6PX.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   ArrowBack,
   ProgressActivity
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/deposit-invoice-generation.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-O2TTO5FS.js → chunk-KDNTZ2BX.js}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  Icon
-} from "./chunk-A6MSV4MA.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";
+import {
+  Icon
+} from "./chunk-HLHCPDCZ.js";
 
 // src/web/primitives/icon-button.tsx
 import * as React from "react";

package/dist/web/{chunk-TPGNO74K.js → chunk-KGBJAITC.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   AccountHeaderIcons
-} from "./chunk-4QLR4ZNK.js";
+} from "./chunk-U4WWGKI5.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   ExpandLess,
   ExpandMore
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/account-capabilities-card.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-NEXA6VGG.js → chunk-KIMCXNLP.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-5MM5YGGG.js";
 import {
   InfoPanel
-} from "./chunk-2Q5SSNFO.js";
+} from "./chunk-ELT34EZJ.js";
 import {
   EmptyState
 } from "./chunk-UZ4LWR4X.js";

package/dist/web/{chunk-UK6ZL4MX.js → chunk-M7JNBTLT.js}

@@ -1,13 +1,15 @@
 "use client";
 import {
+  BAR_GAP,
   ChartDataTable,
   ChartHeader,
   ChartLegend,
   ChartLegendRow,
   ChartTooltip,
+  barPath,
   tooltipText,
   useSeriesVisibility
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-UR2Q5DZF.js";
 import {
   formatAmount
 } from "./chunk-VM6AGMYO.js";
@@ -155,7 +157,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(count, 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) => ({
@@ -217,7 +219,7 @@ function TrendChart({
                   "aria-hidden": "true",
                   children: [
                     /* @__PURE__ */ jsx("defs", { children: series.map(
-                      (s, index) => textures[index] === "hatch" ? /* @__PURE__ */ jsx(Texture, { id: `${idBase}-hatch-${index}`, tone: s.tone, texture: "hatch" }, s.id) : null
+                      (s, index) => textures[index] === "hatch" ? /* @__PURE__ */ jsx(Texture, { id: `${idBase}-hatch-${index}`, tone: s.tone, texture: "hatch" }, s.id) : /* @__PURE__ */ jsx(SolidFill, { id: `${idBase}-fill-${index}`, tone: s.tone }, s.id)
                     ) }),
                     /* @__PURE__ */ jsx("g", { "data-slot": "trend-chart-y-axis", children: ticks.map((tick, index) => /* @__PURE__ */ jsxs("g", { children: [
                       /* @__PURE__ */ jsx(
@@ -265,16 +267,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__ */ 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
@@ -356,6 +363,12 @@ function TrendChart({
     }
   );
 }
+function SolidFill({ id, tone }) {
+  return /* @__PURE__ */ jsxs("linearGradient", { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+    /* @__PURE__ */ jsx("stop", { offset: "0%", style: { stopColor: `color-mix(in oklab, ${toneFill[tone]}, white 35%)` } }),
+    /* @__PURE__ */ jsx("stop", { offset: "100%", style: { stopColor: toneFill[tone] } })
+  ] });
+}
 function Texture({
   id,
   tone,

package/dist/web/{chunk-STMNX3QT.js → chunk-MRQXL6NY.js}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  Icon
-} from "./chunk-A6MSV4MA.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
+import {
+  Icon
+} from "./chunk-HLHCPDCZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-FWOIRFV5.js → chunk-MUSLMJF3.js}

@@ -1,23 +1,23 @@
 "use client";
 import {
   AssetIcon
-} from "./chunk-2REWXJEN.js";
+} from "./chunk-Y276JDXI.js";
 import {
   NETWORK_CONFIG
-} from "./chunk-GX7GBHJ6.js";
+} from "./chunk-TGYM5AF6.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   AccountBalanceWallet,
   CheckCircle
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/deposit-success-screen.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-A3TKIXSI.js → chunk-ND6LNJST.js}

@@ -2,30 +2,33 @@
 import {
   QrCode
 } from "./chunk-F2LIZX5K.js";
-import {
-  Label
-} from "./chunk-H3GYLFHP.js";
 import {
   BottomSheet
-} from "./chunk-JYM5NHBA.js";
+} from "./chunk-Y4MOWCLO.js";
 import {
   CopyIcon,
   InvoiceStatusBanner,
   NETWORK_CONFIG,
   PaidOverlay
-} from "./chunk-GX7GBHJ6.js";
+} from "./chunk-TGYM5AF6.js";
+import {
+  Label
+} from "./chunk-H3GYLFHP.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   Check,
   ContentCopy,
@@ -33,9 +36,6 @@ import {
   ProgressActivity,
   Refresh
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/btc-unified-receive.tsx
 import { useId, useState } from "react";

package/dist/web/{chunk-LZ6PIXUO.js → chunk-OITKJK5K.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   CopyButton
-} from "./chunk-QCQRA6L5.js";
+} from "./chunk-GQBELVPV.js";
 import {
   Collapsible,
   CollapsibleChevron,
   CollapsibleContent,
   CollapsibleTrigger
-} from "./chunk-6IBQJIHT.js";
+} from "./chunk-Q2IXLUSM.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-HDLOPDFX.js → chunk-OZB5M3SQ.js}

@@ -1,25 +1,25 @@
 "use client";
 import {
   COPY_FAILED_MESSAGE
-} from "./chunk-QCQRA6L5.js";
-import {
-  useCopyToClipboard
-} from "./chunk-BGUBHWIO.js";
+} from "./chunk-GQBELVPV.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+import {
+  useCopyToClipboard
+} from "./chunk-BGUBHWIO.js";
 import {
   Check,
   ContentCopy,
   Visibility,
   VisibilityOff
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/secret-reveal-card.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-TMK3SVYI.js → chunk-PIXLIWSO.js}

@@ -4,7 +4,7 @@ import {
   CollapsibleChevron,
   CollapsibleContent,
   CollapsibleTrigger
-} from "./chunk-6IBQJIHT.js";
+} from "./chunk-Q2IXLUSM.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-PTSOVDKH.js → chunk-QFE2KEC2.js}

@@ -1,10 +1,10 @@
 "use client";
+import {
+  AssetIcon
+} from "./chunk-Y276JDXI.js";
 import {
   formatAmount
 } from "./chunk-VM6AGMYO.js";
-import {
-  AssetIcon
-} from "./chunk-2REWXJEN.js";
 import {
   ScrollArea
 } from "./chunk-DCUAE6PX.js";

package/dist/web/{chunk-Z5O67WTL.js → chunk-QNT2GSHF.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   AssetCard
-} from "./chunk-7NS5S2PG.js";
+} from "./chunk-Z7IFO623.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";

package/dist/web/{chunk-27CY5EHL.js → chunk-SA6ODI7U.js}

@@ -1,27 +1,27 @@
 "use client";
+import {
+  AlertBanner
+} from "./chunk-BI3WGWOO.js";
 import {
   Label
 } from "./chunk-H3GYLFHP.js";
 import {
-  AlertBanner
-} from "./chunk-ZTVV4KBT.js";
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   AddCircle,
   ProgressActivity,
   QrCode_2
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/deposit-pre-generation.tsx
 import { useId } from "react";

package/dist/web/{chunk-DH7VXKGM.js → chunk-SJW4IXDG.js}

@@ -2,23 +2,26 @@
 import {
   QrCode
 } from "./chunk-F2LIZX5K.js";
-import {
-  Label
-} from "./chunk-H3GYLFHP.js";
 import {
   CopyIcon,
   InvoiceStatusBanner,
   PaidOverlay
-} from "./chunk-GX7GBHJ6.js";
+} from "./chunk-TGYM5AF6.js";
 import {
-  GlyphButton
-} from "./chunk-JY3H7ZAI.js";
+  Label
+} from "./chunk-H3GYLFHP.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   Check,
   ContentCopy,
@@ -26,9 +29,6 @@ import {
   ProgressActivity,
   Refresh
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/deposit-generated-view.tsx
 import { useId } from "react";

package/dist/web/{chunk-O6NPTMDN.js → chunk-SU32VRD7.js}

@@ -13,7 +13,7 @@ import {
   seriesColor,
   useChartWidth,
   useSeriesVisibility
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-UR2Q5DZF.js";
 
 // src/web/components/charts/scatter-chart.tsx
 import { useState } from "react";

package/dist/web/{chunk-S2ICIIH2.js → chunk-TCFHLDRK.js}

@@ -2,28 +2,28 @@
 import {
   SwapBadge
 } from "./chunk-AP7Q2FCS.js";
-import {
-  cardSurface
-} from "./chunk-GZZ5KVON.js";
 import {
   TransactionCard
-} from "./chunk-2NCH2ZDU.js";
-import {
-  EmptyState
-} from "./chunk-UZ4LWR4X.js";
+} from "./chunk-I7MYUZ56.js";
 import {
   ErrorCard,
   LoadingCard
-} from "./chunk-A3XHFJ6J.js";
+} from "./chunk-Z3H2FQVX.js";
 import {
-  Icon
-} from "./chunk-A6MSV4MA.js";
+  EmptyState
+} from "./chunk-UZ4LWR4X.js";
 import {
   NetworkBadge
 } from "./chunk-IV6AAVUE.js";
+import {
+  Icon
+} from "./chunk-HLHCPDCZ.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";
+import {
+  cardSurface
+} from "./chunk-GZZ5KVON.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";