kaleido-ui 0.2.6 → 0.2.7

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

@@ -1,27 +1,27 @@
 "use client";
-import {
-  AlertBanner
-} from "./chunk-BI3WGWOO.js";
 import {
   Label
 } from "./chunk-H3GYLFHP.js";
 import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
+  AlertBanner
+} from "./chunk-ZTVV4KBT.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-255X76ZW.js → chunk-2GNXC446.js}

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

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

@@ -1,18 +1,18 @@
 "use client";
 import {
   StatusIconBadge
-} from "./chunk-Y74IX3Z3.js";
+} from "./chunk-CZPNI33A.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-SU32VRD7.js → chunk-2OINBKHY.js}

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

package/dist/web/{chunk-ELT34EZJ.js → chunk-2Q5SSNFO.js}

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

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

@@ -1,16 +1,16 @@
 "use client";
+import {
+  formatDisplayAmountText
+} from "./chunk-VM6AGMYO.js";
 import {
   AssetSelector
-} from "./chunk-CRQ6QCAN.js";
+} from "./chunk-QFIGSIXA.js";
 import {
   DottedLeader
 } from "./chunk-CXMCWSWC.js";
 import {
-  formatDisplayAmountText
-} from "./chunk-VM6AGMYO.js";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
+  cardSurface
+} from "./chunk-GZZ5KVON.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";
@@ -18,18 +18,18 @@ import {
   Button
 } from "./chunk-OWSKP527.js";
 import {
-  cardSurface
-} from "./chunk-GZZ5KVON.js";
+  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-U4WWGKI5.js → chunk-4QLR4ZNK.js}

@@ -1,29 +1,26 @@
 "use client";
-import {
-  AlertBanner
-} from "./chunk-BI3WGWOO.js";
-import {
-  NostrNetworkIcon,
-  RgbNetworkIcon
-} from "./chunk-LYCLVP26.js";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
 import {
   ScrollArea
 } from "./chunk-DCUAE6PX.js";
+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";
 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-GPTAAEPK.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-LXDHO6BZ.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-M7JNBTLT.js → chunk-7F5GSNHE.js}

@@ -9,7 +9,7 @@ import {
   barPath,
   tooltipText,
   useSeriesVisibility
-} from "./chunk-UR2Q5DZF.js";
+} from "./chunk-IJHTXDKP.js";
 import {
   formatAmount
 } from "./chunk-VM6AGMYO.js";

package/dist/web/{chunk-Z7IFO623.js → chunk-7NS5S2PG.js}

@@ -1,16 +1,16 @@
 "use client";
+import {
+  formatDisplayAmountText
+} from "./chunk-VM6AGMYO.js";
 import {
   StatusBadge
-} from "./chunk-I6ESLPWR.js";
+} from "./chunk-LPDB7EHH.js";
 import {
   AssetIcon
-} from "./chunk-Y276JDXI.js";
+} from "./chunk-2REWXJEN.js";
 import {
   NetworkBadge
 } from "./chunk-IV6AAVUE.js";
-import {
-  formatDisplayAmountText
-} from "./chunk-VM6AGMYO.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";

package/dist/web/{chunk-CLJMCDUS.js → chunk-A2ZIUJUJ.js}

@@ -2,25 +2,25 @@
 import {
   TooltipBubble
 } from "./chunk-YQDCU7ZL.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 {
   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-ND6LNJST.js → chunk-A3TKIXSI.js}

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

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

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

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

package/dist/web/{chunk-Y74IX3Z3.js → chunk-CZPNI33A.js}

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

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

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

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

@@ -2,26 +2,23 @@
 import {
   QrCode
 } from "./chunk-F2LIZX5K.js";
+import {
+  Label
+} from "./chunk-H3GYLFHP.js";
 import {
   CopyIcon,
   InvoiceStatusBanner,
   PaidOverlay
-} from "./chunk-TGYM5AF6.js";
+} from "./chunk-GX7GBHJ6.js";
 import {
-  Label
-} from "./chunk-H3GYLFHP.js";
+  GlyphButton
+} from "./chunk-JY3H7ZAI.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,
@@ -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-G2K423HV.js → chunk-DNHRMPKI.js}

@@ -4,20 +4,20 @@ import {
 } from "./chunk-CXMCWSWC.js";
 import {
   CopyButton
-} from "./chunk-GQBELVPV.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-YPINO6TQ.js → chunk-DXFFYCU3.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   AppIcon
-} from "./chunk-XHOWUR5T.js";
+} from "./chunk-PS7Q6MMU.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
 import {
   ArkadeNetworkIcon,
   LightningNetworkIcon,
   OnchainNetworkIcon,
   SparkNetworkIcon
 } from "./chunk-LYCLVP26.js";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

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

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

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

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

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

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

@@ -1,7 +1,13 @@
 "use client";
 import {
   InfoPanel
-} from "./chunk-ELT34EZJ.js";
+} from "./chunk-2Q5SSNFO.js";
+import {
+  useCopyToClipboard
+} from "./chunk-BGUBHWIO.js";
+import {
+  Icon
+} from "./chunk-A6MSV4MA.js";
 import {
   Dialog,
   DialogContent,
@@ -9,16 +15,10 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-D2ZG6TZM.js";
-import {
-  Icon
-} from "./chunk-HLHCPDCZ.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-TGYM5AF6.js → chunk-GX7GBHJ6.js}

@@ -4,21 +4,18 @@ import {
 } from "./chunk-A7MPRLJL.js";
 import {
   DisclosureCard
-} from "./chunk-PIXLIWSO.js";
+} from "./chunk-TMK3SVYI.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
 import {
   LiquidNetworkIcon,
   OnchainNetworkIcon,
   RgbNetworkIcon
 } from "./chunk-LYCLVP26.js";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.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-OZB5M3SQ.js → chunk-HDLOPDFX.js}

@@ -1,25 +1,25 @@
 "use client";
 import {
   COPY_FAILED_MESSAGE
-} from "./chunk-GQBELVPV.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 {
-  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";