@kahitsan/ksui 0.15.1 → 0.15.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kahitsan/ksui",
-  "version": "0.15.1",
+  "version": "0.15.2",
   "description": "ksui is a standalone set of SolidJS UI components for KahitSan/Hilinga and any SolidJS app. Published to the public npm registry and consumed as a normal dependency. Ships source under a `solid` export condition so the consumer's vite-plugin-solid compiles it with only solid-js externalized; it depends on nothing but solid-js + lucide-solid and injects its own CSS.",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/base/Avatar.tsx

@@ -20,11 +20,18 @@ const sizeMap: Record<string, number> = {
  * people; use AccountAvatar directly for financial accounts.
  */
 export default function Avatar(props: AvatarProps) {
+  // Getter-backed so name/image stay reactive: a parent rebinding them on a live
+  // Avatar (e.g. an in-session profile update) re-renders, rather than snapshotting
+  // the values once at component init.
   const account: AvatarAccount = {
     id: 0,
     type: "user",
-    name: props.name,
-    image: props.image,
+    get name() {
+      return props.name;
+    },
+    get image() {
+      return props.image;
+    },
   };
 
   return <AccountAvatar account={account} size={sizeMap[props.size ?? "md"]} class={props.class} />;