fix(tabs,radio-group): no longer show indicator prematurely (#2877)

Author: Hugos68

.changeset/cyan-wolves-travel.md

@@ -0,0 +1,6 @@
+---
+"@zag-js/radio-group": patch
+"@zag-js/tabs": patch
+---
+
+bugfix: `tabs` and `radio-group` machine no longer show the `indicator` prematurely

packages/machines/radio-group/src/radio-group.connect.ts

@@ -196,11 +196,12 @@ export function connect<T extends PropTypes>(
 
     getIndicatorProps() {
       const rect = context.get("indicatorRect")
+      const rectIsEmpty = rect == null || (rect.width === 0 && rect.height === 0 && rect.x === 0 && rect.y === 0)
       return normalize.element({
         id: dom.getIndicatorId(scope),
         ...parts.indicator.attrs,
         dir: prop("dir"),
-        hidden: context.get("value") == null || rect == null,
+        hidden: context.get("value") == null || rectIsEmpty,
         "data-disabled": dataAttr(groupDisabled),
         "data-orientation": prop("orientation"),
         style: {

packages/machines/tabs/src/tabs.connect.ts

@@ -192,12 +192,13 @@ export function connect<T extends PropTypes>(service: Service<TabsSchema>, norma
 
     getIndicatorProps() {
       const rect = context.get("indicatorRect")
+      const rectIsEmpty = rect == null || (rect.width === 0 && rect.height === 0 && rect.x === 0 && rect.y === 0)
       return normalize.element({
         id: dom.getIndicatorId(scope),
         ...parts.indicator.attrs,
         dir: prop("dir"),
         "data-orientation": prop("orientation"),
-        hidden: rect == null,
+        hidden: rectIsEmpty,
         style: {
           "--transition-property": "left, right, top, bottom, width, height",
           "--left": toPx(rect?.x),