kaleido-ui 0.2.6 → 0.2.7

package/dist/web/components/settings-tile.js

@@ -3,17 +3,17 @@ import {
   SettingsActionButton,
   SettingsStatusPanel,
   SettingsTile
-} from "../chunk-XNLQEGBW.js";
-import "../chunk-XHOWUR5T.js";
+} from "../chunk-ZXCT3Y6P.js";
+import "../chunk-PS7Q6MMU.js";
+import "../chunk-A6MSV4MA.js";
+import "../chunk-VYQHGSK6.js";
+import "../chunk-OI7WX7NE.js";
+import "../chunk-OWSKP527.js";
 import "../chunk-LYCLVP26.js";
-import "../chunk-HLHCPDCZ.js";
 import "../chunk-WEPSTI3Z.js";
-import "../chunk-OWSKP527.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
-import "../chunk-GCOOW7Y6.js";
 import "../chunk-XXH4TYKZ.js";
-import "../chunk-OI7WX7NE.js";
+import "../chunk-PMGIJMRO.js";
 export {
   SettingsActionButton,
   SettingsStatusPanel,

package/dist/web/components/status-badge.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   StatusBadge
-} from "../chunk-I6ESLPWR.js";
-import "../chunk-HLHCPDCZ.js";
+} from "../chunk-LPDB7EHH.js";
+import "../chunk-A6MSV4MA.js";
+import "../chunk-VYQHGSK6.js";
+import "../chunk-OI7WX7NE.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
-import "../chunk-GCOOW7Y6.js";
 import "../chunk-XXH4TYKZ.js";
-import "../chunk-OI7WX7NE.js";
+import "../chunk-PMGIJMRO.js";
 export {
   StatusBadge
 };

package/dist/web/components/status-icon-badge.js

@@ -2,13 +2,13 @@
 import {
   StatusIconBadge,
   iconBadgeOverlayClass
-} from "../chunk-Y74IX3Z3.js";
-import "../chunk-HLHCPDCZ.js";
+} from "../chunk-CZPNI33A.js";
+import "../chunk-A6MSV4MA.js";
+import "../chunk-VYQHGSK6.js";
+import "../chunk-OI7WX7NE.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
-import "../chunk-GCOOW7Y6.js";
 import "../chunk-XXH4TYKZ.js";
-import "../chunk-OI7WX7NE.js";
+import "../chunk-PMGIJMRO.js";
 export {
   StatusIconBadge,
   iconBadgeOverlayClass

package/dist/web/components/stepper-number-input.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   StepperNumberInput
-} from "../chunk-7Y7FEBKK.js";
+} from "../chunk-5PZ2XVWL.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
 import "../chunk-XXH4TYKZ.js";
+import "../chunk-PMGIJMRO.js";
 export {
   StepperNumberInput
 };

package/dist/web/components/swap-input-card.js

@@ -1,28 +1,28 @@
 "use client";
 import {
   SwapInputCard
-} from "../chunk-ARO323RW.js";
-import "../chunk-CRQ6QCAN.js";
-import "../chunk-YRRZ22OK.js";
-import "../chunk-Y74IX3Z3.js";
-import "../chunk-Y276JDXI.js";
-import "../chunk-IV6AAVUE.js";
-import "../chunk-CXMCWSWC.js";
-import "../chunk-LYCLVP26.js";
+} from "../chunk-4246Y2F2.js";
 import "../chunk-VM6AGMYO.js";
-import "../chunk-MTQOAMDW.js";
+import "../chunk-QFIGSIXA.js";
+import "../chunk-Z2SS7UJ4.js";
+import "../chunk-2REWXJEN.js";
+import "../chunk-VLZMX43R.js";
+import "../chunk-CXMCWSWC.js";
+import "../chunk-GZZ5KVON.js";
+import "../chunk-CZPNI33A.js";
 import "../chunk-DCUAE6PX.js";
+import "../chunk-A6MSV4MA.js";
+import "../chunk-VYQHGSK6.js";
+import "../chunk-OI7WX7NE.js";
+import "../chunk-IV6AAVUE.js";
 import "../chunk-JY3H7ZAI.js";
-import "../chunk-HLHCPDCZ.js";
-import "../chunk-WEPSTI3Z.js";
 import "../chunk-OWSKP527.js";
-import "../chunk-GZZ5KVON.js";
+import "../chunk-MTQOAMDW.js";
+import "../chunk-LYCLVP26.js";
+import "../chunk-WEPSTI3Z.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
-import "../chunk-VLZMX43R.js";
-import "../chunk-GCOOW7Y6.js";
 import "../chunk-XXH4TYKZ.js";
-import "../chunk-OI7WX7NE.js";
+import "../chunk-PMGIJMRO.js";
 export {
   SwapInputCard
 };

package/dist/web/components/swap-step-list.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   SwapStepList
-} from "../chunk-RA5YGBRB.js";
+} from "../chunk-RV7Z3B3V.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
 import "../chunk-XXH4TYKZ.js";
+import "../chunk-PMGIJMRO.js";
 export {
   SwapStepList
 };

package/dist/web/components/theme-toggle.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   ThemeToggle
-} from "../chunk-A5LNLZWX.js";
+} from "../chunk-C7YIQDGQ.js";
+import "../chunk-G2MJL3VP.js";
 import "../chunk-QRFFLA3N.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
-import "../chunk-G2MJL3VP.js";
 import "../chunk-XXH4TYKZ.js";
+import "../chunk-PMGIJMRO.js";
 export {
   ThemeToggle
 };

package/dist/web/components/transaction-card.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   TransactionCard
-} from "../chunk-I7MYUZ56.js";
-import "../chunk-Y74IX3Z3.js";
-import "../chunk-HLHCPDCZ.js";
+} from "../chunk-2NCH2ZDU.js";
+import "../chunk-CZPNI33A.js";
+import "../chunk-A6MSV4MA.js";
+import "../chunk-VYQHGSK6.js";
+import "../chunk-OI7WX7NE.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
-import "../chunk-GCOOW7Y6.js";
 import "../chunk-XXH4TYKZ.js";
-import "../chunk-OI7WX7NE.js";
+import "../chunk-PMGIJMRO.js";
 export {
   TransactionCard
 };

package/dist/web/components/trend-chart.js

@@ -3,24 +3,24 @@ import {
   TrendChart,
   trendChartLabelIndices,
   trendChartTicks
-} from "../chunk-M7JNBTLT.js";
-import "../chunk-UR2Q5DZF.js";
+} from "../chunk-7F5GSNHE.js";
+import "../chunk-IJHTXDKP.js";
+import "../chunk-TCFHH5TE.js";
+import "../chunk-UHXOPILM.js";
+import "../chunk-CRMLYZIX.js";
 import "../chunk-HVKSBEZN.js";
-import "../chunk-HBPFGIYS.js";
 import "../chunk-VM6AGMYO.js";
-import "../chunk-46KGJZSU.js";
-import "../chunk-CRMLYZIX.js";
 import "../chunk-CBE7BT3M.js";
-import "../chunk-MTQOAMDW.js";
 import "../chunk-DCUAE6PX.js";
+import "../chunk-A6MSV4MA.js";
+import "../chunk-VYQHGSK6.js";
+import "../chunk-OI7WX7NE.js";
 import "../chunk-JY3H7ZAI.js";
-import "../chunk-HLHCPDCZ.js";
 import "../chunk-OWSKP527.js";
+import "../chunk-MTQOAMDW.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
-import "../chunk-GCOOW7Y6.js";
 import "../chunk-XXH4TYKZ.js";
-import "../chunk-OI7WX7NE.js";
+import "../chunk-PMGIJMRO.js";
 export {
   TrendChart,
   trendChartLabelIndices,

package/dist/web/components/value-list.js

@@ -1,20 +1,20 @@
 "use client";
 import {
   ValueList
-} from "../chunk-OITKJK5K.js";
-import "../chunk-GQBELVPV.js";
-import "../chunk-TGYM5AF6.js";
+} from "../chunk-LZ6PIXUO.js";
+import "../chunk-QCQRA6L5.js";
+import "../chunk-BGUBHWIO.js";
+import "../chunk-GX7GBHJ6.js";
 import "../chunk-A7MPRLJL.js";
-import "../chunk-PIXLIWSO.js";
-import "../chunk-LYCLVP26.js";
+import "../chunk-TMK3SVYI.js";
+import "../chunk-6IBQJIHT.js";
+import "../chunk-OWSKP527.js";
 import "../chunk-MTQOAMDW.js";
+import "../chunk-LYCLVP26.js";
 import "../chunk-WEPSTI3Z.js";
-import "../chunk-OWSKP527.js";
-import "../chunk-Q2IXLUSM.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
-import "../chunk-BGUBHWIO.js";
 import "../chunk-XXH4TYKZ.js";
+import "../chunk-PMGIJMRO.js";
 export {
   ValueList
 };

package/dist/web/components/wallet-asset-list.js

@@ -1,22 +1,22 @@
 "use client";
 import {
   WalletAssetList
-} from "../chunk-QNT2GSHF.js";
-import "../chunk-Z7IFO623.js";
-import "../chunk-I6ESLPWR.js";
-import "../chunk-Y276JDXI.js";
-import "../chunk-IV6AAVUE.js";
-import "../chunk-LYCLVP26.js";
+} from "../chunk-Z5O67WTL.js";
+import "../chunk-7NS5S2PG.js";
 import "../chunk-VM6AGMYO.js";
+import "../chunk-LPDB7EHH.js";
+import "../chunk-2REWXJEN.js";
+import "../chunk-VLZMX43R.js";
+import "../chunk-A6MSV4MA.js";
+import "../chunk-VYQHGSK6.js";
+import "../chunk-OI7WX7NE.js";
+import "../chunk-IV6AAVUE.js";
 import "../chunk-MTQOAMDW.js";
-import "../chunk-HLHCPDCZ.js";
+import "../chunk-LYCLVP26.js";
 import "../chunk-WEPSTI3Z.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
-import "../chunk-VLZMX43R.js";
-import "../chunk-GCOOW7Y6.js";
 import "../chunk-XXH4TYKZ.js";
-import "../chunk-OI7WX7NE.js";
+import "../chunk-PMGIJMRO.js";
 export {
   WalletAssetList
 };

package/dist/web/components/withdraw-amount-input.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   WithdrawAmountInput
-} from "../chunk-ESAYAG7H.js";
-import "../chunk-CXMCWSWC.js";
-import "../chunk-VM6AGMYO.js";
+} from "../chunk-JWMFTRDC.js";
 import "../chunk-H3GYLFHP.js";
-import "../chunk-MTQOAMDW.js";
+import "../chunk-VM6AGMYO.js";
+import "../chunk-CXMCWSWC.js";
 import "../chunk-OWSKP527.js";
+import "../chunk-MTQOAMDW.js";
 import "../chunk-PMGIJMRO.js";
 export {
   WithdrawAmountInput

package/dist/web/components/withdraw-confirmation.js

@@ -1,17 +1,17 @@
 "use client";
 import {
   WithdrawConfirmation
-} from "../chunk-QFE2KEC2.js";
-import "../chunk-Y276JDXI.js";
+} from "../chunk-PTSOVDKH.js";
 import "../chunk-VM6AGMYO.js";
+import "../chunk-2REWXJEN.js";
+import "../chunk-VLZMX43R.js";
 import "../chunk-DCUAE6PX.js";
 import "../chunk-JY3H7ZAI.js";
-import "../chunk-WEPSTI3Z.js";
 import "../chunk-OWSKP527.js";
+import "../chunk-WEPSTI3Z.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
-import "../chunk-VLZMX43R.js";
 import "../chunk-XXH4TYKZ.js";
+import "../chunk-PMGIJMRO.js";
 export {
   WithdrawConfirmation
 };

package/dist/web/components/withdraw-destination-input.js

@@ -3,12 +3,12 @@ import {
   WithdrawDestinationInput
 } from "../chunk-TY6SGZC7.js";
 import "../chunk-H3GYLFHP.js";
-import "../chunk-MTQOAMDW.js";
 import "../chunk-JY3H7ZAI.js";
 import "../chunk-OWSKP527.js";
+import "../chunk-MTQOAMDW.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
 import "../chunk-XXH4TYKZ.js";
+import "../chunk-PMGIJMRO.js";
 export {
   WithdrawDestinationInput
 };

package/dist/web/components/withdraw-success.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   WithdrawSuccess
-} from "../chunk-NXPVF5WX.js";
+} from "../chunk-WURSWAKE.js";
 import "../chunk-VM6AGMYO.js";
 import "../chunk-MTQOAMDW.js";
 import "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
 import "../chunk-XXH4TYKZ.js";
+import "../chunk-PMGIJMRO.js";
 export {
   WithdrawSuccess
 };

package/dist/web/icons/index.js

@@ -3,9 +3,9 @@ import {
   filledMap,
   isIconName,
   outlinedMap
-} from "../chunk-GCOOW7Y6.js";
-import "../chunk-XXH4TYKZ.js";
+} from "../chunk-VYQHGSK6.js";
 import "../chunk-OI7WX7NE.js";
+import "../chunk-XXH4TYKZ.js";
 export {
   filledMap,
   isIconName,

package/dist/web/icons/public.js

@@ -1,16 +1,22 @@
 "use client";
+import {
+  createIcon
+} from "../chunk-A6MSV4MA.js";
+import "../chunk-VYQHGSK6.js";
+import {
+  AccountBalanceWalletFilled,
+  CheckCircleFilled,
+  HistoryFilled,
+  SettingsFilled,
+  SwapHorizFilled
+} from "../chunk-OI7WX7NE.js";
 import {
   GlyphButton
 } from "../chunk-JY3H7ZAI.js";
-import {
-  createIcon
-} from "../chunk-HLHCPDCZ.js";
 import "../chunk-OWSKP527.js";
 import {
   IconGlyph
 } from "../chunk-YQQ7GDLZ.js";
-import "../chunk-PMGIJMRO.js";
-import "../chunk-GCOOW7Y6.js";
 import {
   AccountBalanceWallet,
   Add,
@@ -121,13 +127,7 @@ import {
   VisibilityOff,
   Warning
 } from "../chunk-XXH4TYKZ.js";
-import {
-  AccountBalanceWalletFilled,
-  CheckCircleFilled,
-  HistoryFilled,
-  SettingsFilled,
-  SwapHorizFilled
-} from "../chunk-OI7WX7NE.js";
+import "../chunk-PMGIJMRO.js";
 export {
   AccountBalanceWallet,
   AccountBalanceWalletFilled,

package/dist/web/index.cjs

@@ -1914,10 +1914,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 = React12.createContext(false);
 var DrawerNavItem = React12.forwardRef(
@@ -1951,7 +1950,7 @@ var DrawerNavItem = React12.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) => {
@@ -2033,7 +2032,7 @@ var DrawerNavGroup = ({
   const rowClass2 = 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__ */ (0, import_jsx_runtime17.jsx)(
     "span",
@@ -2052,6 +2051,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"
         )
       }