@roxyapi/ui-react 0.0.1 → 0.1.1

package/dist/load-ui.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/load-ui.ts"],
+  "sourcesContent": ["/**\n * Loads the matching component bundle on first mount. Idempotent across\n * many components on the same page. Skips on the server (no document) so\n * React server components and Next.js SSR work without a flash.\n */\nconst SCRIPT_ID = 'roxyapi-ui-loader';\nconst CDN_BASE = \"https://cdn.jsdelivr.net/npm/@roxyapi/ui@0/dist/cdn\";\n\nlet loaded: Promise<void> | null = null;\n\nexport function ensureScriptLoaded(version: string = '0.1.0'): Promise<void> {\n\tif (typeof document === 'undefined') return Promise.resolve();\n\tif (loaded) return loaded;\n\n\tloaded = new Promise<void>((resolve, reject) => {\n\t\tconst major = version.split('.')[0];\n\t\tconst url = `${CDN_BASE.replace('@0', '@' + major)}/roxy-ui.js`;\n\t\tlet existing = document.getElementById(SCRIPT_ID) as HTMLScriptElement | null;\n\t\tif (existing) {\n\t\t\tif (existing.dataset.loaded === 'true') {\n\t\t\t\tresolve();\n\t\t\t} else {\n\t\t\t\texisting.addEventListener('load', () => resolve());\n\t\t\t\texisting.addEventListener('error', () => reject(new Error('roxy-ui load failed')));\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\texisting = document.createElement('script');\n\t\texisting.id = SCRIPT_ID;\n\t\texisting.src = url;\n\t\texisting.async = true;\n\t\texisting.crossOrigin = 'anonymous';\n\t\texisting.addEventListener('load', () => {\n\t\t\texisting!.dataset.loaded = 'true';\n\t\t\tresolve();\n\t\t});\n\t\texisting.addEventListener('error', () => reject(new Error('roxy-ui load failed')));\n\t\tdocument.head.appendChild(existing);\n\t});\n\treturn loaded;\n}\n"],
+  "mappings": ";AAKA,IAAM,YAAY;AAClB,IAAM,WAAW;AAEjB,IAAI,SAA+B;AAE5B,SAAS,mBAAmB,UAAkB,SAAwB;AAC5E,MAAI,OAAO,aAAa,YAAa,QAAO,QAAQ,QAAQ;AAC5D,MAAI,OAAQ,QAAO;AAEnB,WAAS,IAAI,QAAc,CAAC,SAAS,WAAW;AAC/C,UAAM,QAAQ,QAAQ,MAAM,GAAG,EAAE,CAAC;AAClC,UAAM,MAAM,GAAG,SAAS,QAAQ,MAAM,MAAM,KAAK,CAAC;AAClD,QAAI,WAAW,SAAS,eAAe,SAAS;AAChD,QAAI,UAAU;AACb,UAAI,SAAS,QAAQ,WAAW,QAAQ;AACvC,gBAAQ;AAAA,MACT,OAAO;AACN,iBAAS,iBAAiB,QAAQ,MAAM,QAAQ,CAAC;AACjD,iBAAS,iBAAiB,SAAS,MAAM,OAAO,IAAI,MAAM,qBAAqB,CAAC,CAAC;AAAA,MAClF;AACA;AAAA,IACD;AACA,eAAW,SAAS,cAAc,QAAQ;AAC1C,aAAS,KAAK;AACd,aAAS,MAAM;AACf,aAAS,QAAQ;AACjB,aAAS,cAAc;AACvB,aAAS,iBAAiB,QAAQ,MAAM;AACvC,eAAU,QAAQ,SAAS;AAC3B,cAAQ;AAAA,IACT,CAAC;AACD,aAAS,iBAAiB,SAAS,MAAM,OAAO,IAAI,MAAM,qBAAqB,CAAC,CAAC;AACjF,aAAS,KAAK,YAAY,QAAQ;AAAA,EACnC,CAAC;AACD,SAAO;AACR;",
+  "names": []
+}

package/package.json

@@ -1,8 +1,52 @@
 {
   "name": "@roxyapi/ui-react",
-  "version": "0.0.1",
-  "description": "Thin React shells for @roxyapi/ui. Lazy-loads the jsdelivr UMD on mount. No runtime dep on @roxyapi/ui. Real release coming soon.",
+  "version": "0.1.1",
+  "description": "React components for the RoxyAPI catalog. Drop-in charts, tables, cards, forms for astrology, tarot, numerology, biorhythm, I Ching, and more. One key, beautiful in 30 minutes.",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "AGENTS.md"
+  ],
+  "keywords": [
+    "react",
+    "react-components",
+    "web-components",
+    "astrology",
+    "vedic",
+    "tarot",
+    "roxyapi"
+  ],
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/RoxyAPI/ui.git",
+    "directory": "packages/ui-react"
+  },
   "homepage": "https://roxyapi.com/ui",
-  "repository": { "type": "git", "url": "https://github.com/RoxyAPI/ui.git" }
+  "bugs": {
+    "url": "https://github.com/RoxyAPI/ui/issues"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  }
 }

package/src/components/biorhythm-chart.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+export interface RoxyBiorhythmChartProps
+	extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+export declare const RoxyBiorhythmChart: React.ForwardRefExoticComponent<
+	Omit<RoxyBiorhythmChartProps, 'ref'> & React.RefAttributes<HTMLElement>
+>;
+//# sourceMappingURL=biorhythm-chart.d.ts.map

package/src/components/biorhythm-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"biorhythm-chart.d.ts","sourceRoot":"","sources":["biorhythm-chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAElD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC;IACvF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,0GAwB9B,CAAC"}

package/src/components/biorhythm-chart.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ensureScriptLoaded } from '../load-ui.js';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+
+export interface RoxyBiorhythmChartProps extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+
+export const RoxyBiorhythmChart = React.forwardRef<HTMLElement, RoxyBiorhythmChartProps>(
+	function RoxyBiorhythmChart({ data, ...rest }, ref) {
+		const internal = React.useRef<HTMLElement | null>(null);
+		React.useImperativeHandle(ref, () => internal.current as HTMLElement);
+		const [loaded, setLoaded] = React.useState(false);
+
+		React.useEffect(() => {
+			let active = true;
+			ensureScriptLoaded().then(() => {
+				if (active) setLoaded(true);
+			});
+			return () => {
+				active = false;
+			};
+		}, []);
+
+		React.useEffect(() => {
+			if (internal.current && data !== undefined) {
+				(internal.current as unknown as { data: unknown }).data = data;
+			}
+		}, [data, loaded]);
+
+		return React.createElement('roxy-biorhythm-chart', { ref: internal, ...rest });
+	},
+);

package/src/components/compatibility-card.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+export interface RoxyCompatibilityCardProps
+	extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+export declare const RoxyCompatibilityCard: React.ForwardRefExoticComponent<
+	Omit<RoxyCompatibilityCardProps, 'ref'> & React.RefAttributes<HTMLElement>
+>;
+//# sourceMappingURL=compatibility-card.d.ts.map

package/src/components/compatibility-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compatibility-card.d.ts","sourceRoot":"","sources":["compatibility-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAElD,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC;IAC1F,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,6GAwBjC,CAAC"}

package/src/components/compatibility-card.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ensureScriptLoaded } from '../load-ui.js';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+
+export interface RoxyCompatibilityCardProps extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+
+export const RoxyCompatibilityCard = React.forwardRef<HTMLElement, RoxyCompatibilityCardProps>(
+	function RoxyCompatibilityCard({ data, ...rest }, ref) {
+		const internal = React.useRef<HTMLElement | null>(null);
+		React.useImperativeHandle(ref, () => internal.current as HTMLElement);
+		const [loaded, setLoaded] = React.useState(false);
+
+		React.useEffect(() => {
+			let active = true;
+			ensureScriptLoaded().then(() => {
+				if (active) setLoaded(true);
+			});
+			return () => {
+				active = false;
+			};
+		}, []);
+
+		React.useEffect(() => {
+			if (internal.current && data !== undefined) {
+				(internal.current as unknown as { data: unknown }).data = data;
+			}
+		}, [data, loaded]);
+
+		return React.createElement('roxy-compatibility-card', { ref: internal, ...rest });
+	},
+);

package/src/components/dasha-timeline.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+export interface RoxyDashaTimelineProps
+	extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+export declare const RoxyDashaTimeline: React.ForwardRefExoticComponent<
+	Omit<RoxyDashaTimelineProps, 'ref'> & React.RefAttributes<HTMLElement>
+>;
+//# sourceMappingURL=dasha-timeline.d.ts.map

package/src/components/dasha-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dasha-timeline.d.ts","sourceRoot":"","sources":["dasha-timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAElD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC;IACtF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,yGAwB7B,CAAC"}

package/src/components/dasha-timeline.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ensureScriptLoaded } from '../load-ui.js';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+
+export interface RoxyDashaTimelineProps extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+
+export const RoxyDashaTimeline = React.forwardRef<HTMLElement, RoxyDashaTimelineProps>(
+	function RoxyDashaTimeline({ data, ...rest }, ref) {
+		const internal = React.useRef<HTMLElement | null>(null);
+		React.useImperativeHandle(ref, () => internal.current as HTMLElement);
+		const [loaded, setLoaded] = React.useState(false);
+
+		React.useEffect(() => {
+			let active = true;
+			ensureScriptLoaded().then(() => {
+				if (active) setLoaded(true);
+			});
+			return () => {
+				active = false;
+			};
+		}, []);
+
+		React.useEffect(() => {
+			if (internal.current && data !== undefined) {
+				(internal.current as unknown as { data: unknown }).data = data;
+			}
+		}, [data, loaded]);
+
+		return React.createElement('roxy-dasha-timeline', { ref: internal, ...rest });
+	},
+);

package/src/components/data.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+export interface RoxyDataProps extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+export declare const RoxyData: React.ForwardRefExoticComponent<
+	Omit<RoxyDataProps, 'ref'> & React.RefAttributes<HTMLElement>
+>;
+//# sourceMappingURL=data.d.ts.map

package/src/components/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["data.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC;IAC7E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,gGAwBpB,CAAC"}

package/src/components/data.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ensureScriptLoaded } from '../load-ui.js';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+
+export interface RoxyDataProps extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+
+export const RoxyData = React.forwardRef<HTMLElement, RoxyDataProps>(
+	function RoxyData({ data, ...rest }, ref) {
+		const internal = React.useRef<HTMLElement | null>(null);
+		React.useImperativeHandle(ref, () => internal.current as HTMLElement);
+		const [loaded, setLoaded] = React.useState(false);
+
+		React.useEffect(() => {
+			let active = true;
+			ensureScriptLoaded().then(() => {
+				if (active) setLoaded(true);
+			});
+			return () => {
+				active = false;
+			};
+		}, []);
+
+		React.useEffect(() => {
+			if (internal.current && data !== undefined) {
+				(internal.current as unknown as { data: unknown }).data = data;
+			}
+		}, [data, loaded]);
+
+		return React.createElement('roxy-data', { ref: internal, ...rest });
+	},
+);

package/src/components/dosha-card.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+export interface RoxyDoshaCardProps
+	extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+export declare const RoxyDoshaCard: React.ForwardRefExoticComponent<
+	Omit<RoxyDoshaCardProps, 'ref'> & React.RefAttributes<HTMLElement>
+>;
+//# sourceMappingURL=dosha-card.d.ts.map

package/src/components/dosha-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dosha-card.d.ts","sourceRoot":"","sources":["dosha-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAElD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC;IAClF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,qGAwBzB,CAAC"}

package/src/components/dosha-card.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ensureScriptLoaded } from '../load-ui.js';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+
+export interface RoxyDoshaCardProps extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+
+export const RoxyDoshaCard = React.forwardRef<HTMLElement, RoxyDoshaCardProps>(
+	function RoxyDoshaCard({ data, ...rest }, ref) {
+		const internal = React.useRef<HTMLElement | null>(null);
+		React.useImperativeHandle(ref, () => internal.current as HTMLElement);
+		const [loaded, setLoaded] = React.useState(false);
+
+		React.useEffect(() => {
+			let active = true;
+			ensureScriptLoaded().then(() => {
+				if (active) setLoaded(true);
+			});
+			return () => {
+				active = false;
+			};
+		}, []);
+
+		React.useEffect(() => {
+			if (internal.current && data !== undefined) {
+				(internal.current as unknown as { data: unknown }).data = data;
+			}
+		}, [data, loaded]);
+
+		return React.createElement('roxy-dosha-card', { ref: internal, ...rest });
+	},
+);

package/src/components/endpoint-form.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+export interface RoxyEndpointFormProps
+	extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+export declare const RoxyEndpointForm: React.ForwardRefExoticComponent<
+	Omit<RoxyEndpointFormProps, 'ref'> & React.RefAttributes<HTMLElement>
+>;
+//# sourceMappingURL=endpoint-form.d.ts.map

package/src/components/endpoint-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"endpoint-form.d.ts","sourceRoot":"","sources":["endpoint-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAElD,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC;IACrF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,wGAwB5B,CAAC"}

package/src/components/endpoint-form.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ensureScriptLoaded } from '../load-ui.js';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+
+export interface RoxyEndpointFormProps extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+
+export const RoxyEndpointForm = React.forwardRef<HTMLElement, RoxyEndpointFormProps>(
+	function RoxyEndpointForm({ data, ...rest }, ref) {
+		const internal = React.useRef<HTMLElement | null>(null);
+		React.useImperativeHandle(ref, () => internal.current as HTMLElement);
+		const [loaded, setLoaded] = React.useState(false);
+
+		React.useEffect(() => {
+			let active = true;
+			ensureScriptLoaded().then(() => {
+				if (active) setLoaded(true);
+			});
+			return () => {
+				active = false;
+			};
+		}, []);
+
+		React.useEffect(() => {
+			if (internal.current && data !== undefined) {
+				(internal.current as unknown as { data: unknown }).data = data;
+			}
+		}, [data, loaded]);
+
+		return React.createElement('roxy-endpoint-form', { ref: internal, ...rest });
+	},
+);

package/src/components/guna-milan.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+export interface RoxyGunaMilanProps
+	extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+export declare const RoxyGunaMilan: React.ForwardRefExoticComponent<
+	Omit<RoxyGunaMilanProps, 'ref'> & React.RefAttributes<HTMLElement>
+>;
+//# sourceMappingURL=guna-milan.d.ts.map

package/src/components/guna-milan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guna-milan.d.ts","sourceRoot":"","sources":["guna-milan.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAElD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC;IAClF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,qGAwBzB,CAAC"}

package/src/components/guna-milan.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ensureScriptLoaded } from '../load-ui.js';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+
+export interface RoxyGunaMilanProps extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+
+export const RoxyGunaMilan = React.forwardRef<HTMLElement, RoxyGunaMilanProps>(
+	function RoxyGunaMilan({ data, ...rest }, ref) {
+		const internal = React.useRef<HTMLElement | null>(null);
+		React.useImperativeHandle(ref, () => internal.current as HTMLElement);
+		const [loaded, setLoaded] = React.useState(false);
+
+		React.useEffect(() => {
+			let active = true;
+			ensureScriptLoaded().then(() => {
+				if (active) setLoaded(true);
+			});
+			return () => {
+				active = false;
+			};
+		}, []);
+
+		React.useEffect(() => {
+			if (internal.current && data !== undefined) {
+				(internal.current as unknown as { data: unknown }).data = data;
+			}
+		}, [data, loaded]);
+
+		return React.createElement('roxy-guna-milan', { ref: internal, ...rest });
+	},
+);

package/src/components/hexagram.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+export interface RoxyHexagramProps
+	extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+export declare const RoxyHexagram: React.ForwardRefExoticComponent<
+	Omit<RoxyHexagramProps, 'ref'> & React.RefAttributes<HTMLElement>
+>;
+//# sourceMappingURL=hexagram.d.ts.map

package/src/components/hexagram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hexagram.d.ts","sourceRoot":"","sources":["hexagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAElD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,oGAwBxB,CAAC"}

package/src/components/hexagram.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ensureScriptLoaded } from '../load-ui.js';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+
+export interface RoxyHexagramProps extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+
+export const RoxyHexagram = React.forwardRef<HTMLElement, RoxyHexagramProps>(
+	function RoxyHexagram({ data, ...rest }, ref) {
+		const internal = React.useRef<HTMLElement | null>(null);
+		React.useImperativeHandle(ref, () => internal.current as HTMLElement);
+		const [loaded, setLoaded] = React.useState(false);
+
+		React.useEffect(() => {
+			let active = true;
+			ensureScriptLoaded().then(() => {
+				if (active) setLoaded(true);
+			});
+			return () => {
+				active = false;
+			};
+		}, []);
+
+		React.useEffect(() => {
+			if (internal.current && data !== undefined) {
+				(internal.current as unknown as { data: unknown }).data = data;
+			}
+		}, [data, loaded]);
+
+		return React.createElement('roxy-hexagram', { ref: internal, ...rest });
+	},
+);

package/src/components/horoscope-card.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+export interface RoxyHoroscopeCardProps
+	extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+export declare const RoxyHoroscopeCard: React.ForwardRefExoticComponent<
+	Omit<RoxyHoroscopeCardProps, 'ref'> & React.RefAttributes<HTMLElement>
+>;
+//# sourceMappingURL=horoscope-card.d.ts.map

package/src/components/horoscope-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horoscope-card.d.ts","sourceRoot":"","sources":["horoscope-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAElD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC;IACtF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,yGAwB7B,CAAC"}

package/src/components/horoscope-card.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ensureScriptLoaded } from '../load-ui.js';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+
+export interface RoxyHoroscopeCardProps extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+
+export const RoxyHoroscopeCard = React.forwardRef<HTMLElement, RoxyHoroscopeCardProps>(
+	function RoxyHoroscopeCard({ data, ...rest }, ref) {
+		const internal = React.useRef<HTMLElement | null>(null);
+		React.useImperativeHandle(ref, () => internal.current as HTMLElement);
+		const [loaded, setLoaded] = React.useState(false);
+
+		React.useEffect(() => {
+			let active = true;
+			ensureScriptLoaded().then(() => {
+				if (active) setLoaded(true);
+			});
+			return () => {
+				active = false;
+			};
+		}, []);
+
+		React.useEffect(() => {
+			if (internal.current && data !== undefined) {
+				(internal.current as unknown as { data: unknown }).data = data;
+			}
+		}, [data, loaded]);
+
+		return React.createElement('roxy-horoscope-card', { ref: internal, ...rest });
+	},
+);

package/src/components/kp-planets-table.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+export interface RoxyKpPlanetsTableProps
+	extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+export declare const RoxyKpPlanetsTable: React.ForwardRefExoticComponent<
+	Omit<RoxyKpPlanetsTableProps, 'ref'> & React.RefAttributes<HTMLElement>
+>;
+//# sourceMappingURL=kp-planets-table.d.ts.map

package/src/components/kp-planets-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kp-planets-table.d.ts","sourceRoot":"","sources":["kp-planets-table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAElD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC;IACvF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,0GAwB9B,CAAC"}

package/src/components/kp-planets-table.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ensureScriptLoaded } from '../load-ui.js';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+
+export interface RoxyKpPlanetsTableProps extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+
+export const RoxyKpPlanetsTable = React.forwardRef<HTMLElement, RoxyKpPlanetsTableProps>(
+	function RoxyKpPlanetsTable({ data, ...rest }, ref) {
+		const internal = React.useRef<HTMLElement | null>(null);
+		React.useImperativeHandle(ref, () => internal.current as HTMLElement);
+		const [loaded, setLoaded] = React.useState(false);
+
+		React.useEffect(() => {
+			let active = true;
+			ensureScriptLoaded().then(() => {
+				if (active) setLoaded(true);
+			});
+			return () => {
+				active = false;
+			};
+		}, []);
+
+		React.useEffect(() => {
+			if (internal.current && data !== undefined) {
+				(internal.current as unknown as { data: unknown }).data = data;
+			}
+		}, [data, loaded]);
+
+		return React.createElement('roxy-kp-planets-table', { ref: internal, ...rest });
+	},
+);

package/src/components/location-search.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+export interface RoxyLocationSearchProps
+	extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+export declare const RoxyLocationSearch: React.ForwardRefExoticComponent<
+	Omit<RoxyLocationSearchProps, 'ref'> & React.RefAttributes<HTMLElement>
+>;
+//# sourceMappingURL=location-search.d.ts.map

package/src/components/location-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"location-search.d.ts","sourceRoot":"","sources":["location-search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAElD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC;IACvF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,0GAwB9B,CAAC"}

package/src/components/location-search.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ensureScriptLoaded } from '../load-ui.js';
+
+type DivAttrs = React.HTMLAttributes<HTMLElement>;
+
+export interface RoxyLocationSearchProps extends Omit<DivAttrs, 'children' | 'onSelect'> {
+	data?: unknown;
+	[attr: string]: unknown;
+}
+
+export const RoxyLocationSearch = React.forwardRef<HTMLElement, RoxyLocationSearchProps>(
+	function RoxyLocationSearch({ data, ...rest }, ref) {
+		const internal = React.useRef<HTMLElement | null>(null);
+		React.useImperativeHandle(ref, () => internal.current as HTMLElement);
+		const [loaded, setLoaded] = React.useState(false);
+
+		React.useEffect(() => {
+			let active = true;
+			ensureScriptLoaded().then(() => {
+				if (active) setLoaded(true);
+			});
+			return () => {
+				active = false;
+			};
+		}, []);
+
+		React.useEffect(() => {
+			if (internal.current && data !== undefined) {
+				(internal.current as unknown as { data: unknown }).data = data;
+			}
+		}, [data, loaded]);
+
+		return React.createElement('roxy-location-search', { ref: internal, ...rest });
+	},
+);