kaleido-ui 0.1.63 → 0.1.65

package/dist/web/index.cjs

@@ -2808,7 +2808,8 @@ function OptionSelector({
   onChange,
   compact = false,
   className,
-  onOpenPanelHeightChange
+  onOpenPanelHeightChange,
+  triggerAlign = "between"
 }) {
   const selected = options.find((option) => option.id === value) ?? options[0];
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
@@ -2826,7 +2827,8 @@ function OptionSelector({
         "span",
         {
           className: cn(
-            "flex items-center justify-between gap-1 rounded-2xl bg-white/[0.09] px-2 py-1.5 text-xs leading-none backdrop-blur-md transition-all hover:bg-white/[0.13]",
+            "flex items-center gap-1 rounded-2xl bg-white/[0.09] px-2 py-1.5 text-xs leading-none backdrop-blur-md transition-all hover:bg-white/[0.13]",
+            triggerAlign === "center" ? "justify-center" : "justify-between",
             open && "bg-white/[0.13]",
             !compact && "w-full px-3 py-3"
           ),
@@ -7413,7 +7415,8 @@ function CopyIcon({ copied }) {
 function AccountChoiceChip({
   account,
   active,
-  onClick
+  onClick,
+  label
 }) {
   const meta = ACCOUNT_META[account];
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
@@ -7428,7 +7431,7 @@ function AccountChoiceChip({
       ),
       children: [
         meta.icon,
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: meta.shortLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: label ?? meta.shortLabel })
       ]
     }
   );
@@ -7553,7 +7556,7 @@ function DepositSuccessScreen({
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center p-6 text-center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "relative mb-8", children: [
       /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "absolute inset-0 scale-150 animate-pulse rounded-full bg-primary/20 blur-2xl" }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "relative flex size-28 items-center justify-center rounded-full border-2 border-primary/40 bg-primary/10 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "material-symbols-outlined text-display text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "relative flex size-20 items-center justify-center rounded-full border-2 border-primary/40 bg-primary/10 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "material-symbols-outlined text-5xl text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h1", { className: "mb-2 text-2xl font-bold text-white", children: title }),
     /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "mb-8 max-w-[260px] text-sm leading-relaxed text-muted-foreground", children: subtitle }),
@@ -7580,8 +7583,8 @@ function DepositSuccessScreen({
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Button, { variant: "cta", size: "cta", onClick: handleDone, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "material-symbols-outlined text-icon-lg", children: "home" }),
-      "Back to Dashboard"
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "material-symbols-outlined text-icon-lg", children: "account_balance_wallet" }),
+      "Back to Wallet"
     ] })
   ] }) });
 }

package/dist/web/index.d.cts

@@ -446,8 +446,11 @@ interface OptionSelectorProps {
     compact?: boolean;
     className?: string;
     onOpenPanelHeightChange?: (height: number) => void;
+    /** Horizontal alignment of the trigger content. Defaults to 'between'
+     * (label left, chevron right). Use 'center' to center the value + chevron. */
+    triggerAlign?: 'between' | 'center';
 }
-declare function OptionSelector({ label, value, options, onChange, compact, className, onOpenPanelHeightChange, }: OptionSelectorProps): react_jsx_runtime.JSX.Element;
+declare function OptionSelector({ label, value, options, onChange, compact, className, onOpenPanelHeightChange, triggerAlign, }: OptionSelectorProps): react_jsx_runtime.JSX.Element;
 
 interface SettingsTileProps {
     icon: ReactNode;
@@ -1357,10 +1360,12 @@ declare function PaidOverlay(): react_jsx_runtime.JSX.Element;
 declare function CopyIcon({ copied }: {
     copied: boolean;
 }): react_jsx_runtime.JSX.Element;
-declare function AccountChoiceChip({ account, active, onClick, }: {
+declare function AccountChoiceChip({ account, active, onClick, label, }: {
     account: DepositAccountId;
     active: boolean;
     onClick: () => void;
+    /** Override the short label, e.g. "RLN" vs "RGB" for the RGB account's backing. */
+    label?: string;
 }): react_jsx_runtime.JSX.Element;
 declare function NetworkInfoDisclosure({ networks, className, }: {
     networks: DepositNetworkKey[];

package/dist/web/index.d.ts

@@ -446,8 +446,11 @@ interface OptionSelectorProps {
     compact?: boolean;
     className?: string;
     onOpenPanelHeightChange?: (height: number) => void;
+    /** Horizontal alignment of the trigger content. Defaults to 'between'
+     * (label left, chevron right). Use 'center' to center the value + chevron. */
+    triggerAlign?: 'between' | 'center';
 }
-declare function OptionSelector({ label, value, options, onChange, compact, className, onOpenPanelHeightChange, }: OptionSelectorProps): react_jsx_runtime.JSX.Element;
+declare function OptionSelector({ label, value, options, onChange, compact, className, onOpenPanelHeightChange, triggerAlign, }: OptionSelectorProps): react_jsx_runtime.JSX.Element;
 
 interface SettingsTileProps {
     icon: ReactNode;
@@ -1357,10 +1360,12 @@ declare function PaidOverlay(): react_jsx_runtime.JSX.Element;
 declare function CopyIcon({ copied }: {
     copied: boolean;
 }): react_jsx_runtime.JSX.Element;
-declare function AccountChoiceChip({ account, active, onClick, }: {
+declare function AccountChoiceChip({ account, active, onClick, label, }: {
     account: DepositAccountId;
     active: boolean;
     onClick: () => void;
+    /** Override the short label, e.g. "RLN" vs "RGB" for the RGB account's backing. */
+    label?: string;
 }): react_jsx_runtime.JSX.Element;
 declare function NetworkInfoDisclosure({ networks, className, }: {
     networks: DepositNetworkKey[];

package/dist/web/index.js

@@ -2631,7 +2631,8 @@ function OptionSelector({
   onChange,
   compact = false,
   className,
-  onOpenPanelHeightChange
+  onOpenPanelHeightChange,
+  triggerAlign = "between"
 }) {
   const selected = options.find((option) => option.id === value) ?? options[0];
   return /* @__PURE__ */ jsx31(
@@ -2649,7 +2650,8 @@ function OptionSelector({
         "span",
         {
           className: cn(
-            "flex items-center justify-between gap-1 rounded-2xl bg-white/[0.09] px-2 py-1.5 text-xs leading-none backdrop-blur-md transition-all hover:bg-white/[0.13]",
+            "flex items-center gap-1 rounded-2xl bg-white/[0.09] px-2 py-1.5 text-xs leading-none backdrop-blur-md transition-all hover:bg-white/[0.13]",
+            triggerAlign === "center" ? "justify-center" : "justify-between",
             open && "bg-white/[0.13]",
             !compact && "w-full px-3 py-3"
           ),
@@ -7236,7 +7238,8 @@ function CopyIcon({ copied }) {
 function AccountChoiceChip({
   account,
   active,
-  onClick
+  onClick,
+  label
 }) {
   const meta = ACCOUNT_META[account];
   return /* @__PURE__ */ jsxs59(
@@ -7251,7 +7254,7 @@ function AccountChoiceChip({
       ),
       children: [
         meta.icon,
-        /* @__PURE__ */ jsx73("span", { children: meta.shortLabel })
+        /* @__PURE__ */ jsx73("span", { children: label ?? meta.shortLabel })
       ]
     }
   );
@@ -7376,7 +7379,7 @@ function DepositSuccessScreen({
   return /* @__PURE__ */ jsx74("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: /* @__PURE__ */ jsxs60("div", { className: "flex flex-1 flex-col items-center justify-center p-6 text-center", children: [
     /* @__PURE__ */ jsxs60("div", { className: "relative mb-8", children: [
       /* @__PURE__ */ jsx74("div", { className: "absolute inset-0 scale-150 animate-pulse rounded-full bg-primary/20 blur-2xl" }),
-      /* @__PURE__ */ jsx74("div", { className: "relative flex size-28 items-center justify-center rounded-full border-2 border-primary/40 bg-primary/10 shadow-sm", children: /* @__PURE__ */ jsx74("span", { className: "material-symbols-outlined text-display text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
+      /* @__PURE__ */ jsx74("div", { className: "relative flex size-20 items-center justify-center rounded-full border-2 border-primary/40 bg-primary/10 shadow-sm", children: /* @__PURE__ */ jsx74("span", { className: "material-symbols-outlined text-5xl text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
     ] }),
     /* @__PURE__ */ jsx74("h1", { className: "mb-2 text-2xl font-bold text-white", children: title }),
     /* @__PURE__ */ jsx74("p", { className: "mb-8 max-w-[260px] text-sm leading-relaxed text-muted-foreground", children: subtitle }),
@@ -7403,8 +7406,8 @@ function DepositSuccessScreen({
       )
     ] }),
     /* @__PURE__ */ jsxs60(Button, { variant: "cta", size: "cta", onClick: handleDone, children: [
-      /* @__PURE__ */ jsx74("span", { className: "material-symbols-outlined text-icon-lg", children: "home" }),
-      "Back to Dashboard"
+      /* @__PURE__ */ jsx74("span", { className: "material-symbols-outlined text-icon-lg", children: "account_balance_wallet" }),
+      "Back to Wallet"
     ] })
   ] }) });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaleido-ui",
-  "version": "0.1.63",
+  "version": "0.1.65",
   "description": "KaleidoSwap shared UI library — design tokens, web components (Tailwind + Radix), and React Native components extending WDK UI Kit",
   "license": "MIT",
   "type": "module",