kaleido-ui 0.2.5 → 0.2.6

package/dist/web/{chunk-YMM73FLL.js → chunk-255X76ZW.js}

@@ -1,14 +1,14 @@
 "use client";
+import {
+  AppIcon
+} from "./chunk-XHOWUR5T.js";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-XMUXOKIP.js";
-import {
-  AppIcon
-} from "./chunk-I2N3HZ4M.js";
+} from "./chunk-LXDHO6BZ.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";

package/dist/web/{chunk-CZGN7SQH.js → chunk-2Z6KFK4Z.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   networkChipVars
-} from "./chunk-EBQ35SOM.js";
+} from "./chunk-IV6AAVUE.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-O4IIYGDL.js → chunk-4WUXBF7Q.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   Icon
-} from "./chunk-A6MSV4MA.js";
-import {
-  isIconName
-} from "./chunk-VYQHGSK6.js";
+} from "./chunk-HLHCPDCZ.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
+import {
+  isIconName
+} from "./chunk-GCOOW7Y6.js";
 import {
   ChevronRight
 } from "./chunk-XXH4TYKZ.js";

package/dist/web/{chunk-CXPYTWEC.js → chunk-73BRW657.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   CopyButton
-} from "./chunk-GEXPB5CG.js";
-import {
-  HorizontalScrollArea
-} from "./chunk-DCUAE6PX.js";
+} from "./chunk-GQBELVPV.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
+import {
+  HorizontalScrollArea
+} from "./chunk-DCUAE6PX.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-TJGHAD5O.js → chunk-7BPEZ3TA.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   CopyButton
-} from "./chunk-GEXPB5CG.js";
+} from "./chunk-GQBELVPV.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-AMIAAHZM.js → chunk-7IQ4YJZS.js}

@@ -14,7 +14,7 @@ import {
   tooltipText,
   useChartWidth,
   useSeriesVisibility
-} from "./chunk-CXLGQSHM.js";
+} from "./chunk-UR2Q5DZF.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-HKF7IPXV.js → chunk-7VDPOFP7.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
 import {
   LiquidNetworkIcon,
   OnchainNetworkIcon
-} from "./chunk-WBW5E6LC.js";
+} from "./chunk-LYCLVP26.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";

package/dist/web/{chunk-CPIM2QKZ.js → chunk-7YUPXESC.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   NetworkBadge
-} from "./chunk-EBQ35SOM.js";
+} from "./chunk-IV6AAVUE.js";
 
 // src/web/components/kaleidoscope-hero-animation.tsx
 import { useRef, useEffect, useState, useCallback } from "react";

package/dist/web/{chunk-OZXDXNMR.js → chunk-AMCV2D3Q.js}

@@ -2,7 +2,7 @@
 import {
   ChartFrame,
   defaultChartFormat
-} from "./chunk-CXLGQSHM.js";
+} from "./chunk-UR2Q5DZF.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-VNL2QI5B.js → chunk-AP7Q2FCS.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   NetworkBadge
-} from "./chunk-EBQ35SOM.js";
+} from "./chunk-IV6AAVUE.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-T2NBG4KF.js → chunk-ARO323RW.js}

@@ -1,16 +1,13 @@
 "use client";
-import {
-  formatDisplayAmountText
-} from "./chunk-VM6AGMYO.js";
 import {
   AssetSelector
-} from "./chunk-SVYDLG2C.js";
+} from "./chunk-CRQ6QCAN.js";
 import {
   DottedLeader
 } from "./chunk-CXMCWSWC.js";
 import {
-  cardSurface
-} from "./chunk-GZZ5KVON.js";
+  formatDisplayAmountText
+} from "./chunk-VM6AGMYO.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
@@ -20,6 +17,9 @@ import {
 import {
   Button
 } from "./chunk-OWSKP527.js";
+import {
+  cardSurface
+} from "./chunk-GZZ5KVON.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";

package/dist/web/{chunk-5INE4WNW.js → chunk-BAV3MTRA.js}

@@ -15,7 +15,7 @@ import {
   tooltipText,
   useChartWidth,
   useSeriesVisibility
-} from "./chunk-CXLGQSHM.js";
+} from "./chunk-UR2Q5DZF.js";
 
 // src/web/components/charts/mixed-chart.tsx
 import { useId, useState } from "react";

package/dist/web/{chunk-ZTVV4KBT.js → chunk-BI3WGWOO.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-SVYDLG2C.js → chunk-CRQ6QCAN.js}

@@ -2,21 +2,21 @@
 import {
   InlineSelector
 } from "./chunk-YRRZ22OK.js";
-import {
-  AssetIcon
-} from "./chunk-SGXLWU4V.js";
 import {
   iconBadgeOverlayClass
-} from "./chunk-CZPNI33A.js";
+} from "./chunk-Y74IX3Z3.js";
 import {
-  ScrollArea
-} from "./chunk-DCUAE6PX.js";
+  AssetIcon
+} from "./chunk-Y276JDXI.js";
 import {
   NetworkBadge
-} from "./chunk-EBQ35SOM.js";
+} from "./chunk-IV6AAVUE.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
+import {
+  ScrollArea
+} from "./chunk-DCUAE6PX.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";

package/dist/web/{chunk-SUOATMIA.js → chunk-CSOMNAM5.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   COPY_FAILED_MESSAGE
-} from "./chunk-GEXPB5CG.js";
+} from "./chunk-GQBELVPV.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
@@ -14,15 +14,15 @@ import {
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
+import {
+  useCopyToClipboard
+} from "./chunk-BGUBHWIO.js";
 import {
   Check,
   ContentCopy,
   Visibility,
   VisibilityOff
 } from "./chunk-XXH4TYKZ.js";
-import {
-  useCopyToClipboard
-} from "./chunk-BGUBHWIO.js";
 
 // src/web/components/recovery-phrase-card.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-G26YNXL3.js → chunk-DUIRXCBO.js}

@@ -1,10 +1,7 @@
 "use client";
 import {
   InfoPanel
-} from "./chunk-2Q5SSNFO.js";
-import {
-  Icon
-} from "./chunk-A6MSV4MA.js";
+} from "./chunk-ELT34EZJ.js";
 import {
   Dialog,
   DialogContent,
@@ -13,6 +10,9 @@ import {
   DialogHeader,
   DialogTitle
 } from "./chunk-D2ZG6TZM.js";
+import {
+  Icon
+} from "./chunk-HLHCPDCZ.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";

package/dist/web/{chunk-2Q5SSNFO.js → chunk-ELT34EZJ.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-EXWE5KM6.js → chunk-EODZVHEU.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  AppIcon
+} from "./chunk-XHOWUR5T.js";
 import {
   TabsList,
   TabsTrigger
 } from "./chunk-ZR32WYJA.js";
-import {
-  AppIcon
-} from "./chunk-I2N3HZ4M.js";
 
 // src/web/components/activity-type-tabs.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-3CHDKHXW.js → chunk-EZ34YRLM.js}

@@ -8,7 +8,7 @@ import {
   plotClass,
   seriesColor,
   useSeriesVisibility
-} from "./chunk-CXLGQSHM.js";
+} from "./chunk-UR2Q5DZF.js";
 
 // src/web/components/charts/donut-chart.tsx
 import { useState } from "react";

package/dist/web/{chunk-TAA6PO5V.js → chunk-G2K423HV.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-CXMCWSWC.js";
 import {
   CopyButton
-} from "./chunk-GEXPB5CG.js";
+} from "./chunk-GQBELVPV.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";

package/dist/web/{chunk-RIOY4LFJ.js → chunk-GJB3GMDE.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-YLP46BJK.js → chunk-GPTAAEPK.js}

@@ -8,7 +8,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-XMUXOKIP.js";
+} from "./chunk-LXDHO6BZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

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

@@ -1,7 +1,7 @@
 "use client";
 import {
   CopyIcon
-} from "./chunk-W4G74KFZ.js";
+} from "./chunk-TGYM5AF6.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";

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-XIMTRQZ3.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-CXLGQSHM.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-LYLWGJ4R.js → chunk-HSV2WS2C.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   defaultChartFormat
-} from "./chunk-CXLGQSHM.js";
+} from "./chunk-UR2Q5DZF.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";

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-XYNURYMC.js → chunk-I7MYUZ56.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   StatusIconBadge
-} from "./chunk-CZPNI33A.js";
+} from "./chunk-Y74IX3Z3.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";

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

@@ -1,27 +1,27 @@
 "use client";
-import {
-  DepositGeneratedView
-} from "./chunk-AU5ZGWGA.js";
 import {
   DepositPreGeneration
-} from "./chunk-X3MYWPNO.js";
+} from "./chunk-SA6ODI7U.js";
 import {
   DepositSuccessScreen
-} from "./chunk-QGWVZ5NG.js";
+} from "./chunk-MUSLMJF3.js";
+import {
+  DepositGeneratedView
+} from "./chunk-SJW4IXDG.js";
 import {
   BtcUnifiedReceive
-} from "./chunk-KDNYIMGR.js";
+} from "./chunk-ND6LNJST.js";
 import {
   AccountChoiceChip,
   MethodChoiceChip,
   NETWORK_CONFIG
-} from "./chunk-W4G74KFZ.js";
-import {
-  ScrollArea
-} from "./chunk-DCUAE6PX.js";
+} from "./chunk-TGYM5AF6.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
+import {
+  ScrollArea
+} from "./chunk-DCUAE6PX.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";

package/dist/web/{chunk-EBQ35SOM.js → chunk-IV6AAVUE.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   OnchainNetworkIcon
-} from "./chunk-WBW5E6LC.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
+} from "./chunk-LYCLVP26.js";
 import {
   protocolIcons
 } from "./chunk-WEPSTI3Z.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/network-badge.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-RWJHJMVJ.js → chunk-KGBJAITC.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   AccountHeaderIcons
-} from "./chunk-YFYAMVTL.js";
+} from "./chunk-U4WWGKI5.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";

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-GX5URFML.js → chunk-M7JNBTLT.js}

@@ -1,13 +1,15 @@
 "use client";
 import {
+  BAR_GAP,
   ChartDataTable,
   ChartHeader,
   ChartLegend,
   ChartLegendRow,
   ChartTooltip,
+  barPath,
   tooltipText,
   useSeriesVisibility
-} from "./chunk-CXLGQSHM.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-QGWVZ5NG.js → chunk-MUSLMJF3.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   AssetIcon
-} from "./chunk-SGXLWU4V.js";
+} from "./chunk-Y276JDXI.js";
 import {
   NETWORK_CONFIG
-} from "./chunk-W4G74KFZ.js";
+} from "./chunk-TGYM5AF6.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";

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

@@ -4,16 +4,16 @@ import {
 } from "./chunk-F2LIZX5K.js";
 import {
   BottomSheet
-} from "./chunk-JYM5NHBA.js";
-import {
-  Label
-} from "./chunk-H3GYLFHP.js";
+} from "./chunk-Y4MOWCLO.js";
 import {
   CopyIcon,
   InvoiceStatusBanner,
   NETWORK_CONFIG,
   PaidOverlay
-} from "./chunk-W4G74KFZ.js";
+} from "./chunk-TGYM5AF6.js";
+import {
+  Label
+} from "./chunk-H3GYLFHP.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";