@roxyapi/ui-react 0.0.1 → 0.1.1

package/AGENTS.md

@@ -0,0 +1,169 @@
+# AGENTS.md
+
+This file teaches AI coding agents (Claude Code, Cursor, Copilot, Codex, Gemini CLI) how to use Roxy UI when integrating RoxyAPI into a project.
+
+## Identity
+
+Roxy UI is the official web component library for the RoxyAPI catalog. Components and helpers cover Western astrology, Vedic astrology, numerology, tarot, biorhythm, I Ching, crystals, dreams, angel numbers, with the location helper for geocoding. New endpoints regenerate component types automatically.
+
+## Decision tree for picking a component
+
+Use the table below. Match the user request against the endpoint, render the matching component.
+
+<!-- BEGIN:COMPONENTS -->
+| Element | Domain | Endpoint(s) | What it renders |
+|---|---|---|---|
+| `<roxy-natal-chart>` | Western | POST /astrology/natal-chart | Natal chart wheel with planet glyphs and aspect lines |
+| `<roxy-horoscope-card>` | Western | GET /astrology/horoscope/{sign}/{daily,weekly,monthly} | Daily, weekly, or monthly horoscope card |
+| `<roxy-synastry-chart>` | Western | POST /astrology/synastry | Dual-wheel synastry with inter-aspects table |
+| `<roxy-compatibility-card>` | Cross | POST /astrology/compatibility-score, /numerology/compatibility, /biorhythm/compatibility | Score card with category breakdown |
+| `<roxy-moon-phase>` | Western | GET /astrology/moon-phase/{current,upcoming,calendar/...} | Moon phase card and calendar |
+| `<roxy-vedic-kundli>` | Vedic | POST /vedic-astrology/birth-chart | South or North Indian kundli |
+| `<roxy-panchang-table>` | Vedic | POST /vedic-astrology/panchang/{basic,detailed} | 15+ muhurtas in detailed mode |
+| `<roxy-dasha-timeline>` | Vedic | POST /vedic-astrology/dasha/{current,major,sub/...} | Vimshottari mahadasha + antardasha + pratyantardasha |
+| `<roxy-dosha-card>` | Vedic | POST /vedic-astrology/dosha/{manglik,kalsarpa,sadhesati} | Presence, severity, remedies, scoped effects |
+| `<roxy-guna-milan>` | Vedic | POST /vedic-astrology/compatibility | 36-point Ashtakoota with eight sub-scores |
+| `<roxy-kp-planets-table>` | Vedic (KP) | POST /vedic-astrology/kp/planets | Sub-lord and sub-sub-lord columns |
+| `<roxy-numerology-card>` | Numerology | POST /numerology/{life-path,expression,personal-year,chart} | Life path, expression, personal year, full chart |
+| `<roxy-tarot-card>` | Tarot | GET /tarot/cards/{id}, POST /tarot/daily | Single card with upright and reversed flip |
+| `<roxy-tarot-spread>` | Tarot | POST /tarot/spreads/{three-card,celtic-cross,love}, /tarot/yes-no, /tarot/draw | Spreads with positions and reading |
+| `<roxy-biorhythm-chart>` | Biorhythm | POST /biorhythm/{daily,forecast,critical-days} | Daily bars, forecast cycle lines, critical days |
+| `<roxy-hexagram>` | I Ching | GET /iching/hexagrams/{number}, /iching/cast, POST /iching/daily, /iching/daily/cast | Hexagram with trigrams, judgment, image, changing lines |
+| `<roxy-endpoint-form>` | Helper | Any endpoint via x-roxy-ui hints | Schema-driven form, emits roxy-submit |
+| `<roxy-location-search>` | Helper | GET /location/search | Debounced city search input, emits roxy-location-select |
+| `<roxy-data>` | Helper | Any response shape | Generic fallback renderer for unknown shapes |
+<!-- END:COMPONENTS -->
+
+## Integration patterns
+
+### Pattern 1: vanilla HTML, no build step
+
+```html
+<script
+	src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@1/dist/cdn/roxy-ui.js"
+	crossorigin="anonymous"
+></script>
+
+<roxy-natal-chart id="chart"></roxy-natal-chart>
+
+<script type="module">
+	const res = await fetch('https://roxyapi.com/api/v2/astrology/natal-chart', {
+		method: 'POST',
+		headers: { 'Content-Type': 'application/json', 'X-API-Key': 'roxy_xxx' },
+		body: JSON.stringify({
+			date: '1990-01-15',
+			time: '14:30:00',
+			latitude: 28.6139,
+			longitude: 77.209,
+			timezone: 5.5,
+		}),
+	});
+	const data = await res.json();
+	document.getElementById('chart').data = data;
+</script>
+```
+
+### Pattern 2: React, with the typed SDK
+
+```tsx
+import { createRoxy } from '@roxyapi/sdk';
+import { RoxyNatalChart, RoxyLocationSearch } from '@roxyapi/ui-react';
+import { useState } from 'react';
+
+const roxy = createRoxy(process.env.NEXT_PUBLIC_ROXY_API_KEY!);
+
+export function BirthChartView() {
+	const [chart, setChart] = useState(null);
+
+	const onLocationSelect = async (e: CustomEvent<{ latitude: number; longitude: number; timezone: string }>) => {
+		const { data } = await roxy.astrology.generateNatalChart({
+			body: { date: '1990-01-15', time: '14:30:00', ...e.detail },
+		});
+		setChart(data);
+	};
+
+	return (
+		<div>
+			<RoxyLocationSearch onroxy-location-select={onLocationSelect} />
+			{chart && <RoxyNatalChart data={chart} />}
+		</div>
+	);
+}
+```
+
+### Pattern 3: schema-driven form
+
+`<roxy-endpoint-form>` reads the OpenAPI spec and renders the inputs for any endpoint. Listen for the `roxy-submit` event with the validated payload.
+
+```html
+<roxy-endpoint-form
+	data-endpoint="vedic-astrology/birth-chart"
+	method="POST"
+	submit-label="Generate kundli"
+></roxy-endpoint-form>
+
+<script type="module">
+	const form = document.querySelector('roxy-endpoint-form');
+	form.addEventListener('roxy-submit', async (e) => {
+		const { endpoint, values } = e.detail;
+		const res = await fetch(`https://roxyapi.com/api/v2/${endpoint}`, {
+			method: 'POST',
+			headers: { 'Content-Type': 'application/json', 'X-API-Key': 'roxy_xxx' },
+			body: JSON.stringify(values),
+		});
+		const kundli = await res.json();
+		document.querySelector('roxy-vedic-kundli').data = kundli;
+	});
+</script>
+```
+
+### Pattern 4: widgets auto-mount (no JavaScript wiring)
+
+Use the publishable key flow for vibecoder embeds.
+
+```html
+<script
+	src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@1/dist/cdn/widgets.js"
+	defer
+></script>
+
+<div
+	data-roxy-widget="natal-chart"
+	data-publishable-key="pk_live_xxx"
+	data-date="1990-01-15"
+	data-time="14:30:00"
+	data-latitude="28.6139"
+	data-longitude="77.209"
+	data-timezone="5.5"
+></div>
+```
+
+The auto-mount script reads `data-*` attributes, calls the matching endpoint, and renders the matching component.
+
+## Rules every agent must follow
+
+- Always call `/location/search` first before any chart endpoint that takes latitude, longitude, or timezone. Use `<roxy-location-search>` for the input UI.
+- Pass the response object directly. Components are stateless; they do not fetch internally except for `<roxy-location-search>`, `<roxy-endpoint-form>`, and the widgets auto-mount script.
+- Use the typed SDK from `@roxyapi/sdk` so prop shapes match the spec automatically.
+- Theming is CSS custom properties on `:root` or per element. Do not write Tailwind classes inside the components; the shadow DOM ignores them.
+- Honor reduced motion. The library already respects `prefers-reduced-motion: reduce` and the `--roxy-motion-duration` variable.
+- A11y violations are CI failures. Do not paste over `role` or `aria-*` attributes; the components emit them correctly already.
+
+## Domain ordering
+
+When listing domains in user-visible copy, use the canonical order: Western astrology, Vedic astrology, numerology, tarot, biorhythm, I Ching, crystals, dreams, angel numbers. Location is utility, not a selling domain.
+
+## What not to ship
+
+- Do not bundle `@roxyapi/ui` and `@roxyapi/ui-react` together; they are decoupled by design.
+- Use `@roxyapi/ui-react` for React projects. Use `@roxyapi/ui` directly elsewhere.
+- Do not write your own kundli component. The lifted layout in `<roxy-vedic-kundli>` is the canonical RoxyAPI render path.
+- Do not call astrology endpoints with hardcoded coordinates. Always geocode first via `<roxy-location-search>` or `roxy.location.searchCities()`.
+
+## Where to look next
+
+- Component source: `packages/ui/src/components/`
+- Sample data for every component: `apps/docs/sample-data.js`
+- Token reference: `packages/ui/THEMING.md`
+- Live preview: `bun run preview` then open `http://localhost:3001`
+- Money endpoints reference: see the RoxyAPI methodology page at `roxyapi.com/methodology`

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

@@ -0,0 +1,9 @@
+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>>;
+export {};
+//# sourceMappingURL=biorhythm-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"biorhythm-chart.d.ts","sourceRoot":"","sources":["../../src/components/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/dist/components/biorhythm-chart.js

@@ -0,0 +1,65 @@
+// packages/ui-react/src/components/biorhythm-chart.tsx
+import * as React from "react";
+
+// packages/ui-react/src/load-ui.ts
+var SCRIPT_ID = "roxyapi-ui-loader";
+var CDN_BASE = "https://cdn.jsdelivr.net/npm/@roxyapi/ui@0/dist/cdn";
+var loaded = null;
+function ensureScriptLoaded(version = "0.1.0") {
+  if (typeof document === "undefined") return Promise.resolve();
+  if (loaded) return loaded;
+  loaded = new Promise((resolve, reject) => {
+    const major = version.split(".")[0];
+    const url = `${CDN_BASE.replace("@0", "@" + major)}/roxy-ui.js`;
+    let existing = document.getElementById(SCRIPT_ID);
+    if (existing) {
+      if (existing.dataset.loaded === "true") {
+        resolve();
+      } else {
+        existing.addEventListener("load", () => resolve());
+        existing.addEventListener("error", () => reject(new Error("roxy-ui load failed")));
+      }
+      return;
+    }
+    existing = document.createElement("script");
+    existing.id = SCRIPT_ID;
+    existing.src = url;
+    existing.async = true;
+    existing.crossOrigin = "anonymous";
+    existing.addEventListener("load", () => {
+      existing.dataset.loaded = "true";
+      resolve();
+    });
+    existing.addEventListener("error", () => reject(new Error("roxy-ui load failed")));
+    document.head.appendChild(existing);
+  });
+  return loaded;
+}
+
+// packages/ui-react/src/components/biorhythm-chart.tsx
+var RoxyBiorhythmChart = React.forwardRef(
+  function RoxyBiorhythmChart2({ data, ...rest }, ref) {
+    const internal = React.useRef(null);
+    React.useImperativeHandle(ref, () => internal.current);
+    const [loaded2, setLoaded] = React.useState(false);
+    React.useEffect(() => {
+      let active = true;
+      ensureScriptLoaded().then(() => {
+        if (active) setLoaded(true);
+      });
+      return () => {
+        active = false;
+      };
+    }, []);
+    React.useEffect(() => {
+      if (internal.current && data !== void 0) {
+        internal.current.data = data;
+      }
+    }, [data, loaded2]);
+    return React.createElement("roxy-biorhythm-chart", { ref: internal, ...rest });
+  }
+);
+export {
+  RoxyBiorhythmChart
+};
+//# sourceMappingURL=biorhythm-chart.js.map

package/dist/components/biorhythm-chart.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/biorhythm-chart.tsx", "../../src/load-ui.ts"],
+  "sourcesContent": ["import * as React from 'react';\nimport { ensureScriptLoaded } from '../load-ui.js';\n\ntype DivAttrs = React.HTMLAttributes<HTMLElement>;\n\nexport interface RoxyBiorhythmChartProps extends Omit<DivAttrs, 'children' | 'onSelect'> {\n\tdata?: unknown;\n\t[attr: string]: unknown;\n}\n\nexport const RoxyBiorhythmChart = React.forwardRef<HTMLElement, RoxyBiorhythmChartProps>(\n\tfunction RoxyBiorhythmChart({ data, ...rest }, ref) {\n\t\tconst internal = React.useRef<HTMLElement | null>(null);\n\t\tReact.useImperativeHandle(ref, () => internal.current as HTMLElement);\n\t\tconst [loaded, setLoaded] = React.useState(false);\n\n\t\tReact.useEffect(() => {\n\t\t\tlet active = true;\n\t\t\tensureScriptLoaded().then(() => {\n\t\t\t\tif (active) setLoaded(true);\n\t\t\t});\n\t\t\treturn () => {\n\t\t\t\tactive = false;\n\t\t\t};\n\t\t}, []);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (internal.current && data !== undefined) {\n\t\t\t\t(internal.current as unknown as { data: unknown }).data = data;\n\t\t\t}\n\t\t}, [data, loaded]);\n\n\t\treturn React.createElement('roxy-biorhythm-chart', { ref: internal, ...rest });\n\t},\n);\n", "/**\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": ";AAAA,YAAY,WAAW;;;ACKvB,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;;;AD9BO,IAAM,qBAA2B;AAAA,EACvC,SAASA,oBAAmB,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK;AACnD,UAAM,WAAiB,aAA2B,IAAI;AACtD,IAAM,0BAAoB,KAAK,MAAM,SAAS,OAAsB;AACpE,UAAM,CAACC,SAAQ,SAAS,IAAU,eAAS,KAAK;AAEhD,IAAM,gBAAU,MAAM;AACrB,UAAI,SAAS;AACb,yBAAmB,EAAE,KAAK,MAAM;AAC/B,YAAI,OAAQ,WAAU,IAAI;AAAA,MAC3B,CAAC;AACD,aAAO,MAAM;AACZ,iBAAS;AAAA,MACV;AAAA,IACD,GAAG,CAAC,CAAC;AAEL,IAAM,gBAAU,MAAM;AACrB,UAAI,SAAS,WAAW,SAAS,QAAW;AAC3C,QAAC,SAAS,QAAyC,OAAO;AAAA,MAC3D;AAAA,IACD,GAAG,CAAC,MAAMA,OAAM,CAAC;AAEjB,WAAa,oBAAc,wBAAwB,EAAE,KAAK,UAAU,GAAG,KAAK,CAAC;AAAA,EAC9E;AACD;",
+  "names": ["RoxyBiorhythmChart", "loaded"]
+}

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

@@ -0,0 +1,9 @@
+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>>;
+export {};
+//# sourceMappingURL=compatibility-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"compatibility-card.d.ts","sourceRoot":"","sources":["../../src/components/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/dist/components/compatibility-card.js

@@ -0,0 +1,65 @@
+// packages/ui-react/src/components/compatibility-card.tsx
+import * as React from "react";
+
+// packages/ui-react/src/load-ui.ts
+var SCRIPT_ID = "roxyapi-ui-loader";
+var CDN_BASE = "https://cdn.jsdelivr.net/npm/@roxyapi/ui@0/dist/cdn";
+var loaded = null;
+function ensureScriptLoaded(version = "0.1.0") {
+  if (typeof document === "undefined") return Promise.resolve();
+  if (loaded) return loaded;
+  loaded = new Promise((resolve, reject) => {
+    const major = version.split(".")[0];
+    const url = `${CDN_BASE.replace("@0", "@" + major)}/roxy-ui.js`;
+    let existing = document.getElementById(SCRIPT_ID);
+    if (existing) {
+      if (existing.dataset.loaded === "true") {
+        resolve();
+      } else {
+        existing.addEventListener("load", () => resolve());
+        existing.addEventListener("error", () => reject(new Error("roxy-ui load failed")));
+      }
+      return;
+    }
+    existing = document.createElement("script");
+    existing.id = SCRIPT_ID;
+    existing.src = url;
+    existing.async = true;
+    existing.crossOrigin = "anonymous";
+    existing.addEventListener("load", () => {
+      existing.dataset.loaded = "true";
+      resolve();
+    });
+    existing.addEventListener("error", () => reject(new Error("roxy-ui load failed")));
+    document.head.appendChild(existing);
+  });
+  return loaded;
+}
+
+// packages/ui-react/src/components/compatibility-card.tsx
+var RoxyCompatibilityCard = React.forwardRef(
+  function RoxyCompatibilityCard2({ data, ...rest }, ref) {
+    const internal = React.useRef(null);
+    React.useImperativeHandle(ref, () => internal.current);
+    const [loaded2, setLoaded] = React.useState(false);
+    React.useEffect(() => {
+      let active = true;
+      ensureScriptLoaded().then(() => {
+        if (active) setLoaded(true);
+      });
+      return () => {
+        active = false;
+      };
+    }, []);
+    React.useEffect(() => {
+      if (internal.current && data !== void 0) {
+        internal.current.data = data;
+      }
+    }, [data, loaded2]);
+    return React.createElement("roxy-compatibility-card", { ref: internal, ...rest });
+  }
+);
+export {
+  RoxyCompatibilityCard
+};
+//# sourceMappingURL=compatibility-card.js.map

package/dist/components/compatibility-card.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/compatibility-card.tsx", "../../src/load-ui.ts"],
+  "sourcesContent": ["import * as React from 'react';\nimport { ensureScriptLoaded } from '../load-ui.js';\n\ntype DivAttrs = React.HTMLAttributes<HTMLElement>;\n\nexport interface RoxyCompatibilityCardProps extends Omit<DivAttrs, 'children' | 'onSelect'> {\n\tdata?: unknown;\n\t[attr: string]: unknown;\n}\n\nexport const RoxyCompatibilityCard = React.forwardRef<HTMLElement, RoxyCompatibilityCardProps>(\n\tfunction RoxyCompatibilityCard({ data, ...rest }, ref) {\n\t\tconst internal = React.useRef<HTMLElement | null>(null);\n\t\tReact.useImperativeHandle(ref, () => internal.current as HTMLElement);\n\t\tconst [loaded, setLoaded] = React.useState(false);\n\n\t\tReact.useEffect(() => {\n\t\t\tlet active = true;\n\t\t\tensureScriptLoaded().then(() => {\n\t\t\t\tif (active) setLoaded(true);\n\t\t\t});\n\t\t\treturn () => {\n\t\t\t\tactive = false;\n\t\t\t};\n\t\t}, []);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (internal.current && data !== undefined) {\n\t\t\t\t(internal.current as unknown as { data: unknown }).data = data;\n\t\t\t}\n\t\t}, [data, loaded]);\n\n\t\treturn React.createElement('roxy-compatibility-card', { ref: internal, ...rest });\n\t},\n);\n", "/**\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": ";AAAA,YAAY,WAAW;;;ACKvB,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;;;AD9BO,IAAM,wBAA8B;AAAA,EAC1C,SAASA,uBAAsB,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK;AACtD,UAAM,WAAiB,aAA2B,IAAI;AACtD,IAAM,0BAAoB,KAAK,MAAM,SAAS,OAAsB;AACpE,UAAM,CAACC,SAAQ,SAAS,IAAU,eAAS,KAAK;AAEhD,IAAM,gBAAU,MAAM;AACrB,UAAI,SAAS;AACb,yBAAmB,EAAE,KAAK,MAAM;AAC/B,YAAI,OAAQ,WAAU,IAAI;AAAA,MAC3B,CAAC;AACD,aAAO,MAAM;AACZ,iBAAS;AAAA,MACV;AAAA,IACD,GAAG,CAAC,CAAC;AAEL,IAAM,gBAAU,MAAM;AACrB,UAAI,SAAS,WAAW,SAAS,QAAW;AAC3C,QAAC,SAAS,QAAyC,OAAO;AAAA,MAC3D;AAAA,IACD,GAAG,CAAC,MAAMA,OAAM,CAAC;AAEjB,WAAa,oBAAc,2BAA2B,EAAE,KAAK,UAAU,GAAG,KAAK,CAAC;AAAA,EACjF;AACD;",
+  "names": ["RoxyCompatibilityCard", "loaded"]
+}

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

@@ -0,0 +1,9 @@
+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>>;
+export {};
+//# sourceMappingURL=dasha-timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dasha-timeline.d.ts","sourceRoot":"","sources":["../../src/components/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/dist/components/dasha-timeline.js

@@ -0,0 +1,65 @@
+// packages/ui-react/src/components/dasha-timeline.tsx
+import * as React from "react";
+
+// packages/ui-react/src/load-ui.ts
+var SCRIPT_ID = "roxyapi-ui-loader";
+var CDN_BASE = "https://cdn.jsdelivr.net/npm/@roxyapi/ui@0/dist/cdn";
+var loaded = null;
+function ensureScriptLoaded(version = "0.1.0") {
+  if (typeof document === "undefined") return Promise.resolve();
+  if (loaded) return loaded;
+  loaded = new Promise((resolve, reject) => {
+    const major = version.split(".")[0];
+    const url = `${CDN_BASE.replace("@0", "@" + major)}/roxy-ui.js`;
+    let existing = document.getElementById(SCRIPT_ID);
+    if (existing) {
+      if (existing.dataset.loaded === "true") {
+        resolve();
+      } else {
+        existing.addEventListener("load", () => resolve());
+        existing.addEventListener("error", () => reject(new Error("roxy-ui load failed")));
+      }
+      return;
+    }
+    existing = document.createElement("script");
+    existing.id = SCRIPT_ID;
+    existing.src = url;
+    existing.async = true;
+    existing.crossOrigin = "anonymous";
+    existing.addEventListener("load", () => {
+      existing.dataset.loaded = "true";
+      resolve();
+    });
+    existing.addEventListener("error", () => reject(new Error("roxy-ui load failed")));
+    document.head.appendChild(existing);
+  });
+  return loaded;
+}
+
+// packages/ui-react/src/components/dasha-timeline.tsx
+var RoxyDashaTimeline = React.forwardRef(
+  function RoxyDashaTimeline2({ data, ...rest }, ref) {
+    const internal = React.useRef(null);
+    React.useImperativeHandle(ref, () => internal.current);
+    const [loaded2, setLoaded] = React.useState(false);
+    React.useEffect(() => {
+      let active = true;
+      ensureScriptLoaded().then(() => {
+        if (active) setLoaded(true);
+      });
+      return () => {
+        active = false;
+      };
+    }, []);
+    React.useEffect(() => {
+      if (internal.current && data !== void 0) {
+        internal.current.data = data;
+      }
+    }, [data, loaded2]);
+    return React.createElement("roxy-dasha-timeline", { ref: internal, ...rest });
+  }
+);
+export {
+  RoxyDashaTimeline
+};
+//# sourceMappingURL=dasha-timeline.js.map

package/dist/components/dasha-timeline.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/dasha-timeline.tsx", "../../src/load-ui.ts"],
+  "sourcesContent": ["import * as React from 'react';\nimport { ensureScriptLoaded } from '../load-ui.js';\n\ntype DivAttrs = React.HTMLAttributes<HTMLElement>;\n\nexport interface RoxyDashaTimelineProps extends Omit<DivAttrs, 'children' | 'onSelect'> {\n\tdata?: unknown;\n\t[attr: string]: unknown;\n}\n\nexport const RoxyDashaTimeline = React.forwardRef<HTMLElement, RoxyDashaTimelineProps>(\n\tfunction RoxyDashaTimeline({ data, ...rest }, ref) {\n\t\tconst internal = React.useRef<HTMLElement | null>(null);\n\t\tReact.useImperativeHandle(ref, () => internal.current as HTMLElement);\n\t\tconst [loaded, setLoaded] = React.useState(false);\n\n\t\tReact.useEffect(() => {\n\t\t\tlet active = true;\n\t\t\tensureScriptLoaded().then(() => {\n\t\t\t\tif (active) setLoaded(true);\n\t\t\t});\n\t\t\treturn () => {\n\t\t\t\tactive = false;\n\t\t\t};\n\t\t}, []);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (internal.current && data !== undefined) {\n\t\t\t\t(internal.current as unknown as { data: unknown }).data = data;\n\t\t\t}\n\t\t}, [data, loaded]);\n\n\t\treturn React.createElement('roxy-dasha-timeline', { ref: internal, ...rest });\n\t},\n);\n", "/**\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": ";AAAA,YAAY,WAAW;;;ACKvB,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;;;AD9BO,IAAM,oBAA0B;AAAA,EACtC,SAASA,mBAAkB,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK;AAClD,UAAM,WAAiB,aAA2B,IAAI;AACtD,IAAM,0BAAoB,KAAK,MAAM,SAAS,OAAsB;AACpE,UAAM,CAACC,SAAQ,SAAS,IAAU,eAAS,KAAK;AAEhD,IAAM,gBAAU,MAAM;AACrB,UAAI,SAAS;AACb,yBAAmB,EAAE,KAAK,MAAM;AAC/B,YAAI,OAAQ,WAAU,IAAI;AAAA,MAC3B,CAAC;AACD,aAAO,MAAM;AACZ,iBAAS;AAAA,MACV;AAAA,IACD,GAAG,CAAC,CAAC;AAEL,IAAM,gBAAU,MAAM;AACrB,UAAI,SAAS,WAAW,SAAS,QAAW;AAC3C,QAAC,SAAS,QAAyC,OAAO;AAAA,MAC3D;AAAA,IACD,GAAG,CAAC,MAAMA,OAAM,CAAC;AAEjB,WAAa,oBAAc,uBAAuB,EAAE,KAAK,UAAU,GAAG,KAAK,CAAC;AAAA,EAC7E;AACD;",
+  "names": ["RoxyDashaTimeline", "loaded"]
+}

package/dist/components/data.d.ts

@@ -0,0 +1,9 @@
+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>>;
+export {};
+//# sourceMappingURL=data.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/components/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/dist/components/data.js

@@ -0,0 +1,65 @@
+// packages/ui-react/src/components/data.tsx
+import * as React from "react";
+
+// packages/ui-react/src/load-ui.ts
+var SCRIPT_ID = "roxyapi-ui-loader";
+var CDN_BASE = "https://cdn.jsdelivr.net/npm/@roxyapi/ui@0/dist/cdn";
+var loaded = null;
+function ensureScriptLoaded(version = "0.1.0") {
+  if (typeof document === "undefined") return Promise.resolve();
+  if (loaded) return loaded;
+  loaded = new Promise((resolve, reject) => {
+    const major = version.split(".")[0];
+    const url = `${CDN_BASE.replace("@0", "@" + major)}/roxy-ui.js`;
+    let existing = document.getElementById(SCRIPT_ID);
+    if (existing) {
+      if (existing.dataset.loaded === "true") {
+        resolve();
+      } else {
+        existing.addEventListener("load", () => resolve());
+        existing.addEventListener("error", () => reject(new Error("roxy-ui load failed")));
+      }
+      return;
+    }
+    existing = document.createElement("script");
+    existing.id = SCRIPT_ID;
+    existing.src = url;
+    existing.async = true;
+    existing.crossOrigin = "anonymous";
+    existing.addEventListener("load", () => {
+      existing.dataset.loaded = "true";
+      resolve();
+    });
+    existing.addEventListener("error", () => reject(new Error("roxy-ui load failed")));
+    document.head.appendChild(existing);
+  });
+  return loaded;
+}
+
+// packages/ui-react/src/components/data.tsx
+var RoxyData = React.forwardRef(
+  function RoxyData2({ data, ...rest }, ref) {
+    const internal = React.useRef(null);
+    React.useImperativeHandle(ref, () => internal.current);
+    const [loaded2, setLoaded] = React.useState(false);
+    React.useEffect(() => {
+      let active = true;
+      ensureScriptLoaded().then(() => {
+        if (active) setLoaded(true);
+      });
+      return () => {
+        active = false;
+      };
+    }, []);
+    React.useEffect(() => {
+      if (internal.current && data !== void 0) {
+        internal.current.data = data;
+      }
+    }, [data, loaded2]);
+    return React.createElement("roxy-data", { ref: internal, ...rest });
+  }
+);
+export {
+  RoxyData
+};
+//# sourceMappingURL=data.js.map

package/dist/components/data.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/data.tsx", "../../src/load-ui.ts"],
+  "sourcesContent": ["import * as React from 'react';\nimport { ensureScriptLoaded } from '../load-ui.js';\n\ntype DivAttrs = React.HTMLAttributes<HTMLElement>;\n\nexport interface RoxyDataProps extends Omit<DivAttrs, 'children' | 'onSelect'> {\n\tdata?: unknown;\n\t[attr: string]: unknown;\n}\n\nexport const RoxyData = React.forwardRef<HTMLElement, RoxyDataProps>(\n\tfunction RoxyData({ data, ...rest }, ref) {\n\t\tconst internal = React.useRef<HTMLElement | null>(null);\n\t\tReact.useImperativeHandle(ref, () => internal.current as HTMLElement);\n\t\tconst [loaded, setLoaded] = React.useState(false);\n\n\t\tReact.useEffect(() => {\n\t\t\tlet active = true;\n\t\t\tensureScriptLoaded().then(() => {\n\t\t\t\tif (active) setLoaded(true);\n\t\t\t});\n\t\t\treturn () => {\n\t\t\t\tactive = false;\n\t\t\t};\n\t\t}, []);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (internal.current && data !== undefined) {\n\t\t\t\t(internal.current as unknown as { data: unknown }).data = data;\n\t\t\t}\n\t\t}, [data, loaded]);\n\n\t\treturn React.createElement('roxy-data', { ref: internal, ...rest });\n\t},\n);\n", "/**\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": ";AAAA,YAAY,WAAW;;;ACKvB,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;;;AD9BO,IAAM,WAAiB;AAAA,EAC7B,SAASA,UAAS,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK;AACzC,UAAM,WAAiB,aAA2B,IAAI;AACtD,IAAM,0BAAoB,KAAK,MAAM,SAAS,OAAsB;AACpE,UAAM,CAACC,SAAQ,SAAS,IAAU,eAAS,KAAK;AAEhD,IAAM,gBAAU,MAAM;AACrB,UAAI,SAAS;AACb,yBAAmB,EAAE,KAAK,MAAM;AAC/B,YAAI,OAAQ,WAAU,IAAI;AAAA,MAC3B,CAAC;AACD,aAAO,MAAM;AACZ,iBAAS;AAAA,MACV;AAAA,IACD,GAAG,CAAC,CAAC;AAEL,IAAM,gBAAU,MAAM;AACrB,UAAI,SAAS,WAAW,SAAS,QAAW;AAC3C,QAAC,SAAS,QAAyC,OAAO;AAAA,MAC3D;AAAA,IACD,GAAG,CAAC,MAAMA,OAAM,CAAC;AAEjB,WAAa,oBAAc,aAAa,EAAE,KAAK,UAAU,GAAG,KAAK,CAAC;AAAA,EACnE;AACD;",
+  "names": ["RoxyData", "loaded"]
+}

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

@@ -0,0 +1,9 @@
+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>>;
+export {};
+//# sourceMappingURL=dosha-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dosha-card.d.ts","sourceRoot":"","sources":["../../src/components/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/dist/components/dosha-card.js

@@ -0,0 +1,65 @@
+// packages/ui-react/src/components/dosha-card.tsx
+import * as React from "react";
+
+// packages/ui-react/src/load-ui.ts
+var SCRIPT_ID = "roxyapi-ui-loader";
+var CDN_BASE = "https://cdn.jsdelivr.net/npm/@roxyapi/ui@0/dist/cdn";
+var loaded = null;
+function ensureScriptLoaded(version = "0.1.0") {
+  if (typeof document === "undefined") return Promise.resolve();
+  if (loaded) return loaded;
+  loaded = new Promise((resolve, reject) => {
+    const major = version.split(".")[0];
+    const url = `${CDN_BASE.replace("@0", "@" + major)}/roxy-ui.js`;
+    let existing = document.getElementById(SCRIPT_ID);
+    if (existing) {
+      if (existing.dataset.loaded === "true") {
+        resolve();
+      } else {
+        existing.addEventListener("load", () => resolve());
+        existing.addEventListener("error", () => reject(new Error("roxy-ui load failed")));
+      }
+      return;
+    }
+    existing = document.createElement("script");
+    existing.id = SCRIPT_ID;
+    existing.src = url;
+    existing.async = true;
+    existing.crossOrigin = "anonymous";
+    existing.addEventListener("load", () => {
+      existing.dataset.loaded = "true";
+      resolve();
+    });
+    existing.addEventListener("error", () => reject(new Error("roxy-ui load failed")));
+    document.head.appendChild(existing);
+  });
+  return loaded;
+}
+
+// packages/ui-react/src/components/dosha-card.tsx
+var RoxyDoshaCard = React.forwardRef(
+  function RoxyDoshaCard2({ data, ...rest }, ref) {
+    const internal = React.useRef(null);
+    React.useImperativeHandle(ref, () => internal.current);
+    const [loaded2, setLoaded] = React.useState(false);
+    React.useEffect(() => {
+      let active = true;
+      ensureScriptLoaded().then(() => {
+        if (active) setLoaded(true);
+      });
+      return () => {
+        active = false;
+      };
+    }, []);
+    React.useEffect(() => {
+      if (internal.current && data !== void 0) {
+        internal.current.data = data;
+      }
+    }, [data, loaded2]);
+    return React.createElement("roxy-dosha-card", { ref: internal, ...rest });
+  }
+);
+export {
+  RoxyDoshaCard
+};
+//# sourceMappingURL=dosha-card.js.map