kaleido-ui 0.2.5 → 0.2.7

package/dist/web/{chunk-YMM73FLL.js → chunk-2GNXC446.js}

@@ -5,10 +5,10 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-XMUXOKIP.js";
+} from "./chunk-6VKWG5FJ.js";
 import {
   AppIcon
-} from "./chunk-I2N3HZ4M.js";
+} from "./chunk-PS7Q6MMU.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";

package/dist/web/{chunk-AWKCO62W.js → chunk-2OINBKHY.js}

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

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-T2NBG4KF.js → chunk-4246Y2F2.js}

@@ -4,32 +4,32 @@ import {
 } from "./chunk-VM6AGMYO.js";
 import {
   AssetSelector
-} from "./chunk-SVYDLG2C.js";
+} from "./chunk-QFIGSIXA.js";
 import {
   DottedLeader
 } from "./chunk-CXMCWSWC.js";
 import {
   cardSurface
 } from "./chunk-GZZ5KVON.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 {
   SwapVert,
   Warning
 } from "./chunk-XXH4TYKZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/swap-input-card.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-YFYAMVTL.js → chunk-4QLR4ZNK.js}

@@ -5,25 +5,22 @@ import {
 import {
   AlertBanner
 } from "./chunk-ZTVV4KBT.js";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
-import {
-  NostrNetworkIcon,
-  RgbNetworkIcon
-} from "./chunk-WBW5E6LC.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
+import {
+  NostrNetworkIcon,
+  RgbNetworkIcon
+} from "./chunk-LYCLVP26.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 import {
   ArrowBack,
   ChevronRight,
@@ -31,6 +28,9 @@ import {
   ExpandMore,
   SwapHoriz
 } from "./chunk-XXH4TYKZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/account-settings-shared.tsx
 import { useEffect, useState } from "react";

package/dist/web/{chunk-YLP46BJK.js → chunk-5BNDC7M4.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   DateRangeFilter
-} from "./chunk-U2UWLSDG.js";
+} from "./chunk-SJNOBBU5.js";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-XMUXOKIP.js";
+} from "./chunk-6VKWG5FJ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-AVJ56TMD.js → chunk-76DAZT7Q.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   InlineSelector
-} from "./chunk-YRRZ22OK.js";
+} from "./chunk-Z2SS7UJ4.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 import {
   ExpandMore
 } from "./chunk-XXH4TYKZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/filter-dropdown.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-GX5URFML.js → chunk-7F5GSNHE.js}

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

@@ -7,10 +7,10 @@ import {
 } from "./chunk-LPDB7EHH.js";
 import {
   AssetIcon
-} from "./chunk-SGXLWU4V.js";
+} from "./chunk-2REWXJEN.js";
 import {
   NetworkBadge
-} from "./chunk-EBQ35SOM.js";
+} from "./chunk-IV6AAVUE.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.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-VAMCLWLF.js → chunk-A2ZIUJUJ.js}

@@ -5,22 +5,22 @@ import {
 import {
   ScrollArea
 } from "./chunk-DCUAE6PX.js";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.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 {
   ChevronLeft,
   ChevronRight
 } from "./chunk-XXH4TYKZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 
 // src/web/primitives/drawer.tsx
 import * as React from "react";
@@ -158,10 +158,9 @@ var DrawerSection = ({ className, label, children, ...props }) => {
 };
 DrawerSection.displayName = "DrawerSection";
 var activeIcon = "[&>span[aria-hidden=true]]:text-status-success";
-var activeRow = cn(
-  "bg-primary/10 bg-gradient-active font-semibold text-foreground ring-1 ring-inset ring-primary/40 shadow-nav-active",
-  activeIcon
-);
+var activeRow = cn("bg-primary/15 bg-gradient-active font-semibold text-foreground", activeIcon);
+var activeGroupRow = cn("bg-primary/[0.06] font-semibold text-foreground", activeIcon);
+var activeSubRow = cn("bg-primary/[0.14] font-semibold text-brand", activeIcon);
 var idleRow = "text-content-secondary hover-gradient-violet hover:text-foreground hover:shadow-raised";
 var DrawerGroupContext = React.createContext(false);
 var DrawerNavItem = React.forwardRef(
@@ -195,7 +194,7 @@ var DrawerNavItem = React.forwardRef(
         title,
         className: cn(
           "flex min-w-0 items-center gap-3 rounded-lg px-4 py-2.5 text-caption transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
-          active ? cn("bg-primary/10 bg-gradient-active font-semibold text-brand", activeIcon) : "text-content-secondary hover:translate-x-1 hover-gradient-violet hover:text-foreground motion-reduce:hover:translate-x-0",
+          active ? activeSubRow : "text-content-secondary hover:translate-x-1 hover-gradient-violet hover:text-foreground motion-reduce:hover:translate-x-0",
           className
         ),
         onClick: (event) => {
@@ -277,7 +276,7 @@ var DrawerNavGroup = ({
   const rowClass = cn(
     "group flex w-full min-w-0 items-center rounded-xl px-4 py-3 text-left transition-all duration-300 hover:scale-[1.02] focus:outline-none focus-visible:ring-2 focus-visible:ring-ring active:scale-95 motion-reduce:transition-none motion-reduce:hover:scale-100",
     collapsed ? "justify-center" : "gap-4",
-    active ? activeRow : idleRow
+    active ? collapsed ? activeRow : activeGroupRow : idleRow
   );
   const iconNode = icon && /* @__PURE__ */ jsx(
     "span",
@@ -296,6 +295,7 @@ var DrawerNavGroup = ({
         glyph: ChevronRight,
         className: cn(
           "shrink-0 text-icon-md transition-all duration-300 motion-reduce:transition-none",
+          active && "text-brand",
           open && "rotate-90"
         )
       }

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

@@ -2,33 +2,30 @@
 import {
   QrCode
 } from "./chunk-F2LIZX5K.js";
-import {
-  BottomSheet
-} from "./chunk-JYM5NHBA.js";
 import {
   Label
 } from "./chunk-H3GYLFHP.js";
+import {
+  BottomSheet
+} from "./chunk-JYM5NHBA.js";
 import {
   CopyIcon,
   InvoiceStatusBanner,
   NETWORK_CONFIG,
   PaidOverlay
-} from "./chunk-W4G74KFZ.js";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
+} from "./chunk-GX7GBHJ6.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,
@@ -36,6 +33,9 @@ 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-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-V3UI2XX7.js → chunk-BY2KCPTX.js}

@@ -1,23 +1,17 @@
 "use client";
 import {
-  ActionTile
-} from "./chunk-YXVOFEDT.js";
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
 import {
   LiquidNetworkIcon,
   OnchainNetworkIcon
-} from "./chunk-WBW5E6LC.js";
-import {
-  GlyphButton
-} from "./chunk-JY3H7ZAI.js";
+} from "./chunk-LYCLVP26.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 import {
   ArrowOutward,
   CallReceived,
@@ -27,6 +21,12 @@ import {
   Refresh,
   SwapHoriz
 } from "./chunk-XXH4TYKZ.js";
+import {
+  ActionTile
+} from "./chunk-YXVOFEDT.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/balance-breakdown.tsx
 import { useState } from "react";

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

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

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

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

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

@@ -9,19 +9,16 @@ import {
   CopyIcon,
   InvoiceStatusBanner,
   PaidOverlay
-} from "./chunk-W4G74KFZ.js";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
+} from "./chunk-GX7GBHJ6.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 {
   Check,
   ContentCopy,
@@ -29,6 +26,9 @@ 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-TAA6PO5V.js → chunk-DNHRMPKI.js}

@@ -4,20 +4,20 @@ import {
 } from "./chunk-CXMCWSWC.js";
 import {
   CopyButton
-} from "./chunk-GEXPB5CG.js";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
+} from "./chunk-QCQRA6L5.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";
 import {
-  cn
-} from "./chunk-PMGIJMRO.js";
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
 import {
   Check,
   ContentCopy
 } from "./chunk-XXH4TYKZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/activity-detail-row.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-QTZT7QMI.js → chunk-DXFFYCU3.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   AppIcon
-} from "./chunk-I2N3HZ4M.js";
+} from "./chunk-PS7Q6MMU.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
@@ -10,7 +10,7 @@ import {
   LightningNetworkIcon,
   OnchainNetworkIcon,
   SparkNetworkIcon
-} from "./chunk-WBW5E6LC.js";
+} from "./chunk-LYCLVP26.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

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

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

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

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

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

@@ -1,23 +1,23 @@
 "use client";
 import {
   AssetIcon
-} from "./chunk-SGXLWU4V.js";
+} from "./chunk-2REWXJEN.js";
 import {
   NETWORK_CONFIG
-} from "./chunk-W4G74KFZ.js";
+} from "./chunk-GX7GBHJ6.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-G26YNXL3.js → chunk-GMJGTSCQ.js}

@@ -2,6 +2,9 @@
 import {
   InfoPanel
 } from "./chunk-2Q5SSNFO.js";
+import {
+  useCopyToClipboard
+} from "./chunk-BGUBHWIO.js";
 import {
   Icon
 } from "./chunk-A6MSV4MA.js";
@@ -12,13 +15,10 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-D2ZG6TZM.js";
+} from "./chunk-LZ723UCB.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";
-import {
-  useCopyToClipboard
-} from "./chunk-BGUBHWIO.js";
 
 // src/web/components/one-time-secret-dialog.tsx
 import { useEffect } from "react";

package/dist/web/{chunk-W4G74KFZ.js → chunk-GX7GBHJ6.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-A7MPRLJL.js";
 import {
   DisclosureCard
-} from "./chunk-PIXLIWSO.js";
+} from "./chunk-TMK3SVYI.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
@@ -12,13 +12,10 @@ import {
   LiquidNetworkIcon,
   OnchainNetworkIcon,
   RgbNetworkIcon
-} from "./chunk-WBW5E6LC.js";
+} from "./chunk-LYCLVP26.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 import {
   Cancel,
   Check,
@@ -28,6 +25,9 @@ import {
   ProgressActivity,
   SwapHoriz
 } from "./chunk-XXH4TYKZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/deposit-ui-shared.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

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