kaleido-ui 0.2.4 → 0.2.5

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

@@ -1,16 +1,16 @@
 "use client";
 import {
   COPY_FAILED_MESSAGE
-} from "./chunk-QCQRA6L5.js";
-import {
-  useCopyToClipboard
-} from "./chunk-BGUBHWIO.js";
+} from "./chunk-GEXPB5CG.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 {
-  cn
-} from "./chunk-PMGIJMRO.js";
+  useCopyToClipboard
+} from "./chunk-BGUBHWIO.js";
 
 // src/web/components/secret-reveal-card.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

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

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

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

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

@@ -1,17 +1,17 @@
 "use client";
 import {
   defaultChartFormat
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-CXLGQSHM.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-VUGV3ELU.js → chunk-NNGVB3US.js}

@@ -1,22 +1,22 @@
 "use client";
 import {
   AssetIcon
-} from "./chunk-2REWXJEN.js";
+} from "./chunk-SGXLWU4V.js";
 import {
   NetworkBadge
-} from "./chunk-IV6AAVUE.js";
-import {
-  GlyphButton
-} from "./chunk-JY3H7ZAI.js";
+} from "./chunk-EBQ35SOM.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
 import {
-  Edit
-} from "./chunk-XXH4TYKZ.js";
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
+import {
+  Edit
+} from "./chunk-XXH4TYKZ.js";
 
 // src/web/components/info-chip.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,9 +1,8 @@
 "use client";
 import {
   ChartFrame,
-  defaultChartFormat,
-  seriesColor
-} from "./chunk-EK5N3ZPW.js";
+  defaultChartFormat
+} from "./chunk-CXLGQSHM.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
@@ -17,6 +16,7 @@ function BarList({
   max,
   sort = "none",
   showPercent = true,
+  labelWidth,
   empty,
   className,
   ...head
@@ -27,40 +27,54 @@ function BarList({
   const sum = rows.reduce((acc, item) => acc + Math.max(0, item.value), 0);
   const percentOf = (item) => formatPercent(item.percent ?? (sum > 0 ? Math.max(0, item.value) / sum : 0));
   const framed = head.title !== void 0 || (head.timeframes?.length ?? 0) > 0;
+  const label_ = labelWidth ? `minmax(0,${labelWidth})` : "auto";
+  const wideColumns = showPercent ? `${label_} 1fr auto auto` : `${label_} 1fr auto`;
   const list = /* @__PURE__ */ jsx(
     "ol",
     {
       "data-slot": "bar-list",
       "aria-label": label,
       className: cn(
-        "m-0 grid list-none items-center gap-x-3 gap-y-2 p-0 text-caption",
+        "m-0 grid list-none gap-y-3 p-0 text-caption sm:items-center sm:gap-x-3 sm:gap-y-2",
+        "sm:[grid-template-columns:var(--bar-list-columns)]",
         // Under a head, a little more air than the plots' own top margin.
         framed && "pt-2",
-        showPercent ? "grid-cols-[auto_1fr_auto_auto]" : "grid-cols-[auto_1fr_auto]",
         className
       ),
+      style: { "--bar-list-columns": wideColumns },
       children: rows.map((item) => {
         const share = Math.max(0, item.value) / top;
         return /* @__PURE__ */ jsxs(
           "li",
           {
             "data-slot": "bar-list-row",
-            className: "col-span-full grid grid-cols-subgrid items-center",
+            className: cn(
+              // Narrow: label and value on one line, the bar under them.
+              "grid items-baseline gap-x-3 gap-y-1.5",
+              showPercent ? "grid-cols-[minmax(0,1fr)_auto_auto]" : "grid-cols-[minmax(0,1fr)_auto]",
+              "sm:col-span-full sm:grid-cols-subgrid sm:items-center sm:gap-y-0"
+            ),
             children: [
-              /* @__PURE__ */ jsx("span", { className: "max-w-[10rem] truncate text-muted-foreground", children: item.label }),
-              /* @__PURE__ */ jsx("span", { className: "h-2 overflow-hidden rounded-full bg-secondary/15 shadow-inner", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx("span", { className: cn("min-w-0 truncate text-muted-foreground", !labelWidth && "sm:max-w-[10rem]"), children: item.label }),
+              /* @__PURE__ */ jsx(
                 "span",
                 {
-                  className: "block h-full rounded-full",
-                  style: {
-                    width: `${share * 100}%`,
-                    // A non-zero value keeps a sliver, so it never reads as zero.
-                    minWidth: item.value > 0 ? 4 : 0,
-                    background: seriesColor(0)
-                  }
+                  className: "order-last col-span-full h-2 overflow-hidden rounded-full bg-primary/15 shadow-inner sm:order-none sm:col-span-1",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "block h-full rounded-full bg-primary bg-gradient-primary",
+                      style: {
+                        width: `${share * 100}%`,
+                        // A non-zero value keeps a sliver, so it never reads as zero.
+                        minWidth: item.value > 0 ? 4 : 0
+                      }
+                    }
+                  )
                 }
-              ) }),
-              /* @__PURE__ */ jsx("span", { className: "text-right font-semibold tabular-nums text-foreground", children: item.valueText ?? formatValue(item.value) }),
+              ),
+              /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-right font-semibold tabular-nums text-foreground", children: item.valueText ?? formatValue(item.value) }),
               showPercent && /* @__PURE__ */ jsx("span", { className: "text-right tabular-nums text-muted-foreground", children: percentOf(item) })
             ]
           },

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-FWOIRFV5.js → chunk-QGWVZ5NG.js}

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

@@ -1,25 +1,25 @@
 "use client";
-import {
-  useIsNarrow
-} from "./chunk-MTQ22SKE.js";
 import {
   Collapsible,
   CollapsibleChevron,
   CollapsibleContent,
   CollapsibleTrigger
-} from "./chunk-6IBQJIHT.js";
+} from "./chunk-Q2IXLUSM.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   Tune
 } from "./chunk-XXH4TYKZ.js";
 import {
-  cn
-} from "./chunk-PMGIJMRO.js";
+  useIsNarrow
+} from "./chunk-MTQ22SKE.js";
 
 // src/web/components/filter-bar.tsx
 import { useState } from "react";

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

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

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

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

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

@@ -1,20 +1,20 @@
 "use client";
 import {
   AccountHeaderIcons
-} from "./chunk-4QLR4ZNK.js";
+} from "./chunk-YFYAMVTL.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-YNB4SSLD.js → chunk-SUOATMIA.js}

@@ -1,19 +1,19 @@
 "use client";
 import {
   COPY_FAILED_MESSAGE
-} from "./chunk-QCQRA6L5.js";
+} from "./chunk-GEXPB5CG.js";
 import {
-  useCopyToClipboard
-} from "./chunk-BGUBHWIO.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 {
   Check,
   ContentCopy,
@@ -21,8 +21,8 @@ import {
   VisibilityOff
 } from "./chunk-XXH4TYKZ.js";
 import {
-  cn
-} from "./chunk-PMGIJMRO.js";
+  useCopyToClipboard
+} from "./chunk-BGUBHWIO.js";
 
 // src/web/components/recovery-phrase-card.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-QFIGSIXA.js → chunk-SVYDLG2C.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   InlineSelector
-} from "./chunk-Z2SS7UJ4.js";
+} from "./chunk-YRRZ22OK.js";
 import {
   AssetIcon
-} from "./chunk-2REWXJEN.js";
+} from "./chunk-SGXLWU4V.js";
 import {
   iconBadgeOverlayClass
 } from "./chunk-CZPNI33A.js";
@@ -13,22 +13,22 @@ import {
 } from "./chunk-DCUAE6PX.js";
 import {
   NetworkBadge
-} from "./chunk-IV6AAVUE.js";
+} from "./chunk-EBQ35SOM.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   Check,
   ExpandMore,
   Hub,
   Search
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/asset-selector.tsx
 import { useState } from "react";

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

@@ -4,32 +4,32 @@ import {
 } from "./chunk-VM6AGMYO.js";
 import {
   AssetSelector
-} from "./chunk-QFIGSIXA.js";
+} from "./chunk-SVYDLG2C.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-DNHRMPKI.js → chunk-TAA6PO5V.js}

@@ -4,20 +4,20 @@ import {
 } from "./chunk-CXMCWSWC.js";
 import {
   CopyButton
-} from "./chunk-QCQRA6L5.js";
+} from "./chunk-GEXPB5CG.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";
 import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
+  cn
+} from "./chunk-PMGIJMRO.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-PCKRLEAO.js → chunk-TJGHAD5O.js}

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

package/dist/web/{chunk-BY2KCPTX.js → chunk-V3UI2XX7.js}

@@ -1,17 +1,23 @@
 "use client";
 import {
-  GlyphButton
-} from "./chunk-JY3H7ZAI.js";
+  ActionTile
+} from "./chunk-YXVOFEDT.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
 import {
   LiquidNetworkIcon,
   OnchainNetworkIcon
-} from "./chunk-LYCLVP26.js";
+} from "./chunk-WBW5E6LC.js";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   ArrowOutward,
   CallReceived,
@@ -21,12 +27,6 @@ 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-AP7Q2FCS.js → chunk-VNL2QI5B.js}

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

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

@@ -4,7 +4,7 @@ import {
 } from "./chunk-A7MPRLJL.js";
 import {
   DisclosureCard
-} from "./chunk-TMK3SVYI.js";
+} from "./chunk-PIXLIWSO.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
@@ -12,10 +12,13 @@ import {
   LiquidNetworkIcon,
   OnchainNetworkIcon,
   RgbNetworkIcon
-} from "./chunk-LYCLVP26.js";
+} from "./chunk-WBW5E6LC.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   Cancel,
   Check,
@@ -25,9 +28,6 @@ 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-2OGYEUYV.js → chunk-XIMTRQZ3.js}

@@ -14,7 +14,7 @@ import {
   tooltipText,
   useChartWidth,
   useSeriesVisibility
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-CXLGQSHM.js";
 
 // src/web/components/charts/bar-chart.tsx
 import { useState } from "react";

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

@@ -5,22 +5,25 @@ import {
 import {
   AlertBanner
 } from "./chunk-ZTVV4KBT.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";
+} from "./chunk-WBW5E6LC.js";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
+import {
+  Button
+} from "./chunk-OWSKP527.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   ArrowBack,
   ChevronRight,
@@ -28,9 +31,6 @@ 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-5BNDC7M4.js → chunk-YLP46BJK.js}

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