kaleido-ui 0.1.64 → 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"
           ),
@@ -7554,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 }),
@@ -7581,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;

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;

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"
           ),
@@ -7377,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 }),
@@ -7404,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.64",
+  "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",