chore: update

.changeset/many-papayas-clap.md

@@ -0,0 +1,5 @@
+---
+"@zag-js/avatar": patch
+---
+
+Fix issues where avatar could throw when the fallback inner text changes.

examples/next-ts/pages/avatar.tsx

@@ -12,23 +12,21 @@ export default function Page() {
   const [state, send] = useMachine(avatar.machine({ id: useId() }))
   const [src, setSrc] = useState(images[0])
   const [showImage, setShowImage] = useState(true)
-  const [name, setName] = useState("PA")
 
   const api = avatar.connect(state, send, normalizeProps)
 
   return (
     <>
       <main className="avatar">
         <div {...api.getRootProps()}>
-          <span {...api.getFallbackProps()}>{name}</span>
+          <span {...api.getFallbackProps()}>PA</span>
           {showImage && <img alt="" referrerPolicy="no-referrer" src={src} {...api.getImageProps()} />}
         </div>
 
         <div className="controls">
           <button onClick={() => setSrc(getRandomImage())}>Change Image</button>
           <button onClick={() => setSrc(avatarData.broken)}>Broken Image</button>
           <button onClick={() => setShowImage((c) => !c)}>Toggle Image</button>
-          <input type="text" value={name} onChange={(e) => setName(e.target.value)} />
         </div>
       </main>