@roxyapi/ui-react 0.2.2 → 0.3.0

package/dist/index.cjs

@@ -43,9 +43,12 @@ __export(src_exports, {
   RoxyGunaMilan: () => RoxyGunaMilan,
   RoxyHexagram: () => RoxyHexagram,
   RoxyHoroscopeCard: () => RoxyHoroscopeCard,
+  RoxyKpChart: () => RoxyKpChart,
   RoxyKpPlanetsTable: () => RoxyKpPlanetsTable,
+  RoxyKpRulingPlanets: () => RoxyKpRulingPlanets,
   RoxyLocationSearch: () => RoxyLocationSearch,
   RoxyMoonPhase: () => RoxyMoonPhase,
+  RoxyNakshatraCard: () => RoxyNakshatraCard,
   RoxyNatalChart: () => RoxyNatalChart,
   RoxyNumerologyCard: () => RoxyNumerologyCard,
   RoxyPanchangTable: () => RoxyPanchangTable,
@@ -55,6 +58,8 @@ __export(src_exports, {
   RoxyTarotSpread: () => RoxyTarotSpread,
   RoxyTransitsTable: () => RoxyTransitsTable,
   RoxyVedicKundli: () => RoxyVedicKundli,
+  RoxyVedicPlanetsTable: () => RoxyVedicPlanetsTable,
+  RoxyWesternPlanetsTable: () => RoxyWesternPlanetsTable,
   RoxyYogaList: () => RoxyYogaList,
   ensureScriptLoaded: () => ensureScriptLoaded
 });
@@ -99,7 +104,7 @@ function ensureScriptLoaded(version = "latest") {
   });
   return loaded;
 }
-var ROXY_UI_VERSION = "0.2.2";
+var ROXY_UI_VERSION = "0.3.0";
 
 // packages/ui-react/src/components/natal-chart.tsx
 var React = __toESM(require("react"), 1);
@@ -147,10 +152,10 @@ var RoxyNatalChart = React.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/horoscope-card.tsx
+// packages/ui-react/src/components/synastry-chart.tsx
 var React2 = __toESM(require("react"), 1);
-var RoxyHoroscopeCard = React2.forwardRef(
-  function RoxyHoroscopeCard2({ data, className, style, ...rest }, ref) {
+var RoxySynastryChart = React2.forwardRef(
+  function RoxySynastryChart2({ data, className, style, ...rest }, ref) {
     const internal = React2.useRef(null);
     React2.useImperativeHandle(
       ref,
@@ -184,7 +189,7 @@ var RoxyHoroscopeCard = React2.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React2.createElement("roxy-horoscope-card", {
+    return React2.createElement("roxy-synastry-chart", {
       ref: internal,
       className,
       style,
@@ -193,10 +198,10 @@ var RoxyHoroscopeCard = React2.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/synastry-chart.tsx
+// packages/ui-react/src/components/western-planets-table.tsx
 var React3 = __toESM(require("react"), 1);
-var RoxySynastryChart = React3.forwardRef(
-  function RoxySynastryChart2({ data, className, style, ...rest }, ref) {
+var RoxyWesternPlanetsTable = React3.forwardRef(
+  function RoxyWesternPlanetsTable2({ data, className, style, ...rest }, ref) {
     const internal = React3.useRef(null);
     React3.useImperativeHandle(
       ref,
@@ -230,7 +235,7 @@ var RoxySynastryChart = React3.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React3.createElement("roxy-synastry-chart", {
+    return React3.createElement("roxy-western-planets-table", {
       ref: internal,
       className,
       style,
@@ -239,10 +244,10 @@ var RoxySynastryChart = React3.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/compatibility-card.tsx
+// packages/ui-react/src/components/transits-table.tsx
 var React4 = __toESM(require("react"), 1);
-var RoxyCompatibilityCard = React4.forwardRef(
-  function RoxyCompatibilityCard2({ data, className, style, ...rest }, ref) {
+var RoxyTransitsTable = React4.forwardRef(
+  function RoxyTransitsTable2({ data, className, style, ...rest }, ref) {
     const internal = React4.useRef(null);
     React4.useImperativeHandle(
       ref,
@@ -276,7 +281,7 @@ var RoxyCompatibilityCard = React4.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React4.createElement("roxy-compatibility-card", {
+    return React4.createElement("roxy-transits-table", {
       ref: internal,
       className,
       style,
@@ -331,10 +336,10 @@ var RoxyMoonPhase = React5.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/vedic-kundli.tsx
+// packages/ui-react/src/components/horoscope-card.tsx
 var React6 = __toESM(require("react"), 1);
-var RoxyVedicKundli = React6.forwardRef(
-  function RoxyVedicKundli2({ data, className, style, ...rest }, ref) {
+var RoxyHoroscopeCard = React6.forwardRef(
+  function RoxyHoroscopeCard2({ data, className, style, ...rest }, ref) {
     const internal = React6.useRef(null);
     React6.useImperativeHandle(
       ref,
@@ -368,7 +373,7 @@ var RoxyVedicKundli = React6.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React6.createElement("roxy-vedic-kundli", {
+    return React6.createElement("roxy-horoscope-card", {
       ref: internal,
       className,
       style,
@@ -377,10 +382,10 @@ var RoxyVedicKundli = React6.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/panchang-table.tsx
+// packages/ui-react/src/components/compatibility-card.tsx
 var React7 = __toESM(require("react"), 1);
-var RoxyPanchangTable = React7.forwardRef(
-  function RoxyPanchangTable2({ data, className, style, ...rest }, ref) {
+var RoxyCompatibilityCard = React7.forwardRef(
+  function RoxyCompatibilityCard2({ data, className, style, ...rest }, ref) {
     const internal = React7.useRef(null);
     React7.useImperativeHandle(
       ref,
@@ -414,7 +419,7 @@ var RoxyPanchangTable = React7.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React7.createElement("roxy-panchang-table", {
+    return React7.createElement("roxy-compatibility-card", {
       ref: internal,
       className,
       style,
@@ -423,10 +428,10 @@ var RoxyPanchangTable = React7.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/dasha-timeline.tsx
+// packages/ui-react/src/components/vedic-kundli.tsx
 var React8 = __toESM(require("react"), 1);
-var RoxyDashaTimeline = React8.forwardRef(
-  function RoxyDashaTimeline2({ data, className, style, ...rest }, ref) {
+var RoxyVedicKundli = React8.forwardRef(
+  function RoxyVedicKundli2({ data, className, style, ...rest }, ref) {
     const internal = React8.useRef(null);
     React8.useImperativeHandle(
       ref,
@@ -460,7 +465,7 @@ var RoxyDashaTimeline = React8.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React8.createElement("roxy-dasha-timeline", {
+    return React8.createElement("roxy-vedic-kundli", {
       ref: internal,
       className,
       style,
@@ -469,10 +474,10 @@ var RoxyDashaTimeline = React8.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/dosha-card.tsx
+// packages/ui-react/src/components/divisional-chart.tsx
 var React9 = __toESM(require("react"), 1);
-var RoxyDoshaCard = React9.forwardRef(
-  function RoxyDoshaCard2({ data, className, style, ...rest }, ref) {
+var RoxyDivisionalChart = React9.forwardRef(
+  function RoxyDivisionalChart2({ data, className, style, ...rest }, ref) {
     const internal = React9.useRef(null);
     React9.useImperativeHandle(
       ref,
@@ -506,7 +511,7 @@ var RoxyDoshaCard = React9.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React9.createElement("roxy-dosha-card", {
+    return React9.createElement("roxy-divisional-chart", {
       ref: internal,
       className,
       style,
@@ -515,10 +520,10 @@ var RoxyDoshaCard = React9.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/guna-milan.tsx
+// packages/ui-react/src/components/kp-chart.tsx
 var React10 = __toESM(require("react"), 1);
-var RoxyGunaMilan = React10.forwardRef(
-  function RoxyGunaMilan2({ data, className, style, ...rest }, ref) {
+var RoxyKpChart = React10.forwardRef(
+  function RoxyKpChart2({ data, className, style, ...rest }, ref) {
     const internal = React10.useRef(null);
     React10.useImperativeHandle(
       ref,
@@ -552,7 +557,7 @@ var RoxyGunaMilan = React10.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React10.createElement("roxy-guna-milan", {
+    return React10.createElement("roxy-kp-chart", {
       ref: internal,
       className,
       style,
@@ -561,10 +566,10 @@ var RoxyGunaMilan = React10.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/kp-planets-table.tsx
+// packages/ui-react/src/components/vedic-planets-table.tsx
 var React11 = __toESM(require("react"), 1);
-var RoxyKpPlanetsTable = React11.forwardRef(
-  function RoxyKpPlanetsTable2({ data, className, style, ...rest }, ref) {
+var RoxyVedicPlanetsTable = React11.forwardRef(
+  function RoxyVedicPlanetsTable2({ data, className, style, ...rest }, ref) {
     const internal = React11.useRef(null);
     React11.useImperativeHandle(
       ref,
@@ -598,7 +603,7 @@ var RoxyKpPlanetsTable = React11.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React11.createElement("roxy-kp-planets-table", {
+    return React11.createElement("roxy-vedic-planets-table", {
       ref: internal,
       className,
       style,
@@ -607,10 +612,10 @@ var RoxyKpPlanetsTable = React11.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/transits-table.tsx
+// packages/ui-react/src/components/kp-planets-table.tsx
 var React12 = __toESM(require("react"), 1);
-var RoxyTransitsTable = React12.forwardRef(
-  function RoxyTransitsTable2({ data, className, style, ...rest }, ref) {
+var RoxyKpPlanetsTable = React12.forwardRef(
+  function RoxyKpPlanetsTable2({ data, className, style, ...rest }, ref) {
     const internal = React12.useRef(null);
     React12.useImperativeHandle(
       ref,
@@ -644,7 +649,7 @@ var RoxyTransitsTable = React12.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React12.createElement("roxy-transits-table", {
+    return React12.createElement("roxy-kp-planets-table", {
       ref: internal,
       className,
       style,
@@ -653,10 +658,10 @@ var RoxyTransitsTable = React12.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/divisional-chart.tsx
+// packages/ui-react/src/components/kp-ruling-planets.tsx
 var React13 = __toESM(require("react"), 1);
-var RoxyDivisionalChart = React13.forwardRef(
-  function RoxyDivisionalChart2({ data, className, style, ...rest }, ref) {
+var RoxyKpRulingPlanets = React13.forwardRef(
+  function RoxyKpRulingPlanets2({ data, className, style, ...rest }, ref) {
     const internal = React13.useRef(null);
     React13.useImperativeHandle(
       ref,
@@ -690,7 +695,7 @@ var RoxyDivisionalChart = React13.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React13.createElement("roxy-divisional-chart", {
+    return React13.createElement("roxy-kp-ruling-planets", {
       ref: internal,
       className,
       style,
@@ -791,10 +796,10 @@ var RoxyShadbalaTable = React15.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/yoga-list.tsx
+// packages/ui-react/src/components/dasha-timeline.tsx
 var React16 = __toESM(require("react"), 1);
-var RoxyYogaList = React16.forwardRef(
-  function RoxyYogaList2({ data, className, style, ...rest }, ref) {
+var RoxyDashaTimeline = React16.forwardRef(
+  function RoxyDashaTimeline2({ data, className, style, ...rest }, ref) {
     const internal = React16.useRef(null);
     React16.useImperativeHandle(
       ref,
@@ -828,7 +833,7 @@ var RoxyYogaList = React16.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React16.createElement("roxy-yoga-list", {
+    return React16.createElement("roxy-dasha-timeline", {
       ref: internal,
       className,
       style,
@@ -837,10 +842,10 @@ var RoxyYogaList = React16.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/choghadiya-grid.tsx
+// packages/ui-react/src/components/guna-milan.tsx
 var React17 = __toESM(require("react"), 1);
-var RoxyChoghadiyaGrid = React17.forwardRef(
-  function RoxyChoghadiyaGrid2({ data, className, style, ...rest }, ref) {
+var RoxyGunaMilan = React17.forwardRef(
+  function RoxyGunaMilan2({ data, className, style, ...rest }, ref) {
     const internal = React17.useRef(null);
     React17.useImperativeHandle(
       ref,
@@ -874,7 +879,7 @@ var RoxyChoghadiyaGrid = React17.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React17.createElement("roxy-choghadiya-grid", {
+    return React17.createElement("roxy-guna-milan", {
       ref: internal,
       className,
       style,
@@ -883,10 +888,10 @@ var RoxyChoghadiyaGrid = React17.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/numerology-card.tsx
+// packages/ui-react/src/components/panchang-table.tsx
 var React18 = __toESM(require("react"), 1);
-var RoxyNumerologyCard = React18.forwardRef(
-  function RoxyNumerologyCard2({ data, className, style, ...rest }, ref) {
+var RoxyPanchangTable = React18.forwardRef(
+  function RoxyPanchangTable2({ data, className, style, ...rest }, ref) {
     const internal = React18.useRef(null);
     React18.useImperativeHandle(
       ref,
@@ -920,7 +925,7 @@ var RoxyNumerologyCard = React18.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React18.createElement("roxy-numerology-card", {
+    return React18.createElement("roxy-panchang-table", {
       ref: internal,
       className,
       style,
@@ -929,10 +934,10 @@ var RoxyNumerologyCard = React18.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/tarot-card.tsx
+// packages/ui-react/src/components/choghadiya-grid.tsx
 var React19 = __toESM(require("react"), 1);
-var RoxyTarotCard = React19.forwardRef(
-  function RoxyTarotCard2({ data, className, style, ...rest }, ref) {
+var RoxyChoghadiyaGrid = React19.forwardRef(
+  function RoxyChoghadiyaGrid2({ data, className, style, ...rest }, ref) {
     const internal = React19.useRef(null);
     React19.useImperativeHandle(
       ref,
@@ -966,7 +971,7 @@ var RoxyTarotCard = React19.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React19.createElement("roxy-tarot-card", {
+    return React19.createElement("roxy-choghadiya-grid", {
       ref: internal,
       className,
       style,
@@ -975,10 +980,10 @@ var RoxyTarotCard = React19.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/tarot-spread.tsx
+// packages/ui-react/src/components/yoga-list.tsx
 var React20 = __toESM(require("react"), 1);
-var RoxyTarotSpread = React20.forwardRef(
-  function RoxyTarotSpread2({ data, className, style, ...rest }, ref) {
+var RoxyYogaList = React20.forwardRef(
+  function RoxyYogaList2({ data, className, style, ...rest }, ref) {
     const internal = React20.useRef(null);
     React20.useImperativeHandle(
       ref,
@@ -1012,7 +1017,7 @@ var RoxyTarotSpread = React20.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React20.createElement("roxy-tarot-spread", {
+    return React20.createElement("roxy-yoga-list", {
       ref: internal,
       className,
       style,
@@ -1021,10 +1026,10 @@ var RoxyTarotSpread = React20.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/biorhythm-chart.tsx
+// packages/ui-react/src/components/nakshatra-card.tsx
 var React21 = __toESM(require("react"), 1);
-var RoxyBiorhythmChart = React21.forwardRef(
-  function RoxyBiorhythmChart2({ data, className, style, ...rest }, ref) {
+var RoxyNakshatraCard = React21.forwardRef(
+  function RoxyNakshatraCard2({ data, className, style, ...rest }, ref) {
     const internal = React21.useRef(null);
     React21.useImperativeHandle(
       ref,
@@ -1058,7 +1063,7 @@ var RoxyBiorhythmChart = React21.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React21.createElement("roxy-biorhythm-chart", {
+    return React21.createElement("roxy-nakshatra-card", {
       ref: internal,
       className,
       style,
@@ -1067,10 +1072,10 @@ var RoxyBiorhythmChart = React21.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/hexagram.tsx
+// packages/ui-react/src/components/dosha-card.tsx
 var React22 = __toESM(require("react"), 1);
-var RoxyHexagram = React22.forwardRef(
-  function RoxyHexagram2({ data, className, style, ...rest }, ref) {
+var RoxyDoshaCard = React22.forwardRef(
+  function RoxyDoshaCard2({ data, className, style, ...rest }, ref) {
     const internal = React22.useRef(null);
     React22.useImperativeHandle(
       ref,
@@ -1104,7 +1109,7 @@ var RoxyHexagram = React22.forwardRef(
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React22.createElement("roxy-hexagram", {
+    return React22.createElement("roxy-dosha-card", {
       ref: internal,
       className,
       style,
@@ -1113,10 +1118,10 @@ var RoxyHexagram = React22.forwardRef(
   }
 );
 
-// packages/ui-react/src/components/endpoint-form.tsx
+// packages/ui-react/src/components/numerology-card.tsx
 var React23 = __toESM(require("react"), 1);
-var RoxyEndpointForm = React23.forwardRef(
-  function RoxyEndpointForm2({ className, style, onRoxySubmit, onRoxyValidationError, onRoxySpecError, ...rest }, ref) {
+var RoxyNumerologyCard = React23.forwardRef(
+  function RoxyNumerologyCard2({ data, className, style, ...rest }, ref) {
     const internal = React23.useRef(null);
     React23.useImperativeHandle(
       ref,
@@ -1138,6 +1143,236 @@ var RoxyEndpointForm = React23.forwardRef(
       };
     }, []);
     React23.useEffect(() => {
+      const el = internal.current;
+      if (el && data !== void 0) {
+        el.data = data;
+      }
+    }, [data, loaded2]);
+    if (error) {
+      return React23.createElement(
+        "div",
+        { role: "alert", className, style },
+        `Roxy UI script load failed: ${error.message}`
+      );
+    }
+    return React23.createElement("roxy-numerology-card", {
+      ref: internal,
+      className,
+      style,
+      ...rest
+    });
+  }
+);
+
+// packages/ui-react/src/components/tarot-card.tsx
+var React24 = __toESM(require("react"), 1);
+var RoxyTarotCard = React24.forwardRef(
+  function RoxyTarotCard2({ data, className, style, ...rest }, ref) {
+    const internal = React24.useRef(null);
+    React24.useImperativeHandle(
+      ref,
+      () => internal.current,
+      []
+    );
+    const [loaded2, setLoaded] = React24.useState(false);
+    const [error, setError] = React24.useState(null);
+    React24.useEffect(() => {
+      let active = true;
+      ensureScriptLoaded().then(() => {
+        if (active) setLoaded(true);
+      }).catch((err) => {
+        if (!active) return;
+        setError(err instanceof Error ? err : new Error(String(err)));
+      });
+      return () => {
+        active = false;
+      };
+    }, []);
+    React24.useEffect(() => {
+      const el = internal.current;
+      if (el && data !== void 0) {
+        el.data = data;
+      }
+    }, [data, loaded2]);
+    if (error) {
+      return React24.createElement(
+        "div",
+        { role: "alert", className, style },
+        `Roxy UI script load failed: ${error.message}`
+      );
+    }
+    return React24.createElement("roxy-tarot-card", {
+      ref: internal,
+      className,
+      style,
+      ...rest
+    });
+  }
+);
+
+// packages/ui-react/src/components/tarot-spread.tsx
+var React25 = __toESM(require("react"), 1);
+var RoxyTarotSpread = React25.forwardRef(
+  function RoxyTarotSpread2({ data, className, style, ...rest }, ref) {
+    const internal = React25.useRef(null);
+    React25.useImperativeHandle(
+      ref,
+      () => internal.current,
+      []
+    );
+    const [loaded2, setLoaded] = React25.useState(false);
+    const [error, setError] = React25.useState(null);
+    React25.useEffect(() => {
+      let active = true;
+      ensureScriptLoaded().then(() => {
+        if (active) setLoaded(true);
+      }).catch((err) => {
+        if (!active) return;
+        setError(err instanceof Error ? err : new Error(String(err)));
+      });
+      return () => {
+        active = false;
+      };
+    }, []);
+    React25.useEffect(() => {
+      const el = internal.current;
+      if (el && data !== void 0) {
+        el.data = data;
+      }
+    }, [data, loaded2]);
+    if (error) {
+      return React25.createElement(
+        "div",
+        { role: "alert", className, style },
+        `Roxy UI script load failed: ${error.message}`
+      );
+    }
+    return React25.createElement("roxy-tarot-spread", {
+      ref: internal,
+      className,
+      style,
+      ...rest
+    });
+  }
+);
+
+// packages/ui-react/src/components/biorhythm-chart.tsx
+var React26 = __toESM(require("react"), 1);
+var RoxyBiorhythmChart = React26.forwardRef(
+  function RoxyBiorhythmChart2({ data, className, style, ...rest }, ref) {
+    const internal = React26.useRef(null);
+    React26.useImperativeHandle(
+      ref,
+      () => internal.current,
+      []
+    );
+    const [loaded2, setLoaded] = React26.useState(false);
+    const [error, setError] = React26.useState(null);
+    React26.useEffect(() => {
+      let active = true;
+      ensureScriptLoaded().then(() => {
+        if (active) setLoaded(true);
+      }).catch((err) => {
+        if (!active) return;
+        setError(err instanceof Error ? err : new Error(String(err)));
+      });
+      return () => {
+        active = false;
+      };
+    }, []);
+    React26.useEffect(() => {
+      const el = internal.current;
+      if (el && data !== void 0) {
+        el.data = data;
+      }
+    }, [data, loaded2]);
+    if (error) {
+      return React26.createElement(
+        "div",
+        { role: "alert", className, style },
+        `Roxy UI script load failed: ${error.message}`
+      );
+    }
+    return React26.createElement("roxy-biorhythm-chart", {
+      ref: internal,
+      className,
+      style,
+      ...rest
+    });
+  }
+);
+
+// packages/ui-react/src/components/hexagram.tsx
+var React27 = __toESM(require("react"), 1);
+var RoxyHexagram = React27.forwardRef(
+  function RoxyHexagram2({ data, className, style, ...rest }, ref) {
+    const internal = React27.useRef(null);
+    React27.useImperativeHandle(
+      ref,
+      () => internal.current,
+      []
+    );
+    const [loaded2, setLoaded] = React27.useState(false);
+    const [error, setError] = React27.useState(null);
+    React27.useEffect(() => {
+      let active = true;
+      ensureScriptLoaded().then(() => {
+        if (active) setLoaded(true);
+      }).catch((err) => {
+        if (!active) return;
+        setError(err instanceof Error ? err : new Error(String(err)));
+      });
+      return () => {
+        active = false;
+      };
+    }, []);
+    React27.useEffect(() => {
+      const el = internal.current;
+      if (el && data !== void 0) {
+        el.data = data;
+      }
+    }, [data, loaded2]);
+    if (error) {
+      return React27.createElement(
+        "div",
+        { role: "alert", className, style },
+        `Roxy UI script load failed: ${error.message}`
+      );
+    }
+    return React27.createElement("roxy-hexagram", {
+      ref: internal,
+      className,
+      style,
+      ...rest
+    });
+  }
+);
+
+// packages/ui-react/src/components/endpoint-form.tsx
+var React28 = __toESM(require("react"), 1);
+var RoxyEndpointForm = React28.forwardRef(
+  function RoxyEndpointForm2({ className, style, onRoxySubmit, onRoxyValidationError, onRoxySpecError, ...rest }, ref) {
+    const internal = React28.useRef(null);
+    React28.useImperativeHandle(
+      ref,
+      () => internal.current,
+      []
+    );
+    const [loaded2, setLoaded] = React28.useState(false);
+    const [error, setError] = React28.useState(null);
+    React28.useEffect(() => {
+      let active = true;
+      ensureScriptLoaded().then(() => {
+        if (active) setLoaded(true);
+      }).catch((err) => {
+        if (!active) return;
+        setError(err instanceof Error ? err : new Error(String(err)));
+      });
+      return () => {
+        active = false;
+      };
+    }, []);
+    React28.useEffect(() => {
       const el = internal.current;
       const handler = onRoxySubmit;
       if (!el || !handler) return;
@@ -1145,7 +1380,7 @@ var RoxyEndpointForm = React23.forwardRef(
       el.addEventListener("roxy-submit", listener);
       return () => el.removeEventListener("roxy-submit", listener);
     }, [onRoxySubmit, loaded2]);
-    React23.useEffect(() => {
+    React28.useEffect(() => {
       const el = internal.current;
       const handler = onRoxyValidationError;
       if (!el || !handler) return;
@@ -1153,7 +1388,7 @@ var RoxyEndpointForm = React23.forwardRef(
       el.addEventListener("roxy-validation-error", listener);
       return () => el.removeEventListener("roxy-validation-error", listener);
     }, [onRoxyValidationError, loaded2]);
-    React23.useEffect(() => {
+    React28.useEffect(() => {
       const el = internal.current;
       const handler = onRoxySpecError;
       if (!el || !handler) return;
@@ -1162,13 +1397,13 @@ var RoxyEndpointForm = React23.forwardRef(
       return () => el.removeEventListener("roxy-spec-error", listener);
     }, [onRoxySpecError, loaded2]);
     if (error) {
-      return React23.createElement(
+      return React28.createElement(
         "div",
         { role: "alert", className, style },
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React23.createElement("roxy-endpoint-form", {
+    return React28.createElement("roxy-endpoint-form", {
       ref: internal,
       className,
       style,
@@ -1178,18 +1413,18 @@ var RoxyEndpointForm = React23.forwardRef(
 );
 
 // packages/ui-react/src/components/location-search.tsx
-var React24 = __toESM(require("react"), 1);
-var RoxyLocationSearch = React24.forwardRef(
+var React29 = __toESM(require("react"), 1);
+var RoxyLocationSearch = React29.forwardRef(
   function RoxyLocationSearch2({ className, style, onRoxyLocationSelect, onRoxyValidationError, ...rest }, ref) {
-    const internal = React24.useRef(null);
-    React24.useImperativeHandle(
+    const internal = React29.useRef(null);
+    React29.useImperativeHandle(
       ref,
       () => internal.current,
       []
     );
-    const [loaded2, setLoaded] = React24.useState(false);
-    const [error, setError] = React24.useState(null);
-    React24.useEffect(() => {
+    const [loaded2, setLoaded] = React29.useState(false);
+    const [error, setError] = React29.useState(null);
+    React29.useEffect(() => {
       let active = true;
       ensureScriptLoaded().then(() => {
         if (active) setLoaded(true);
@@ -1201,7 +1436,7 @@ var RoxyLocationSearch = React24.forwardRef(
         active = false;
       };
     }, []);
-    React24.useEffect(() => {
+    React29.useEffect(() => {
       const el = internal.current;
       const handler = onRoxyLocationSelect;
       if (!el || !handler) return;
@@ -1209,7 +1444,7 @@ var RoxyLocationSearch = React24.forwardRef(
       el.addEventListener("roxy-location-select", listener);
       return () => el.removeEventListener("roxy-location-select", listener);
     }, [onRoxyLocationSelect, loaded2]);
-    React24.useEffect(() => {
+    React29.useEffect(() => {
       const el = internal.current;
       const handler = onRoxyValidationError;
       if (!el || !handler) return;
@@ -1218,13 +1453,13 @@ var RoxyLocationSearch = React24.forwardRef(
       return () => el.removeEventListener("roxy-validation-error", listener);
     }, [onRoxyValidationError, loaded2]);
     if (error) {
-      return React24.createElement(
+      return React29.createElement(
         "div",
         { role: "alert", className, style },
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React24.createElement("roxy-location-search", {
+    return React29.createElement("roxy-location-search", {
       ref: internal,
       className,
       style,
@@ -1234,18 +1469,18 @@ var RoxyLocationSearch = React24.forwardRef(
 );
 
 // packages/ui-react/src/components/data.tsx
-var React25 = __toESM(require("react"), 1);
-var RoxyData = React25.forwardRef(
+var React30 = __toESM(require("react"), 1);
+var RoxyData = React30.forwardRef(
   function RoxyData2({ className, style, ...rest }, ref) {
-    const internal = React25.useRef(null);
-    React25.useImperativeHandle(
+    const internal = React30.useRef(null);
+    React30.useImperativeHandle(
       ref,
       () => internal.current,
       []
     );
-    const [loaded2, setLoaded] = React25.useState(false);
-    const [error, setError] = React25.useState(null);
-    React25.useEffect(() => {
+    const [loaded2, setLoaded] = React30.useState(false);
+    const [error, setError] = React30.useState(null);
+    React30.useEffect(() => {
       let active = true;
       ensureScriptLoaded().then(() => {
         if (active) setLoaded(true);
@@ -1258,13 +1493,13 @@ var RoxyData = React25.forwardRef(
       };
     }, []);
     if (error) {
-      return React25.createElement(
+      return React30.createElement(
         "div",
         { role: "alert", className, style },
         `Roxy UI script load failed: ${error.message}`
       );
     }
-    return React25.createElement("roxy-data", {
+    return React30.createElement("roxy-data", {
       ref: internal,
       className,
       style,