@roxyapi/ui 0.0.1 → 0.1.2

package/dist/components/dosha-card.js

@@ -0,0 +1,278 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// packages/ui/src/components/dosha-card.ts
+import { css as css2, html, LitElement, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+
+// packages/ui/src/utils/base-styles.ts
+import { css } from "lit";
+var baseStyles = css`
+	:host {
+		display: block;
+		container-type: inline-size;
+		font-family: var(
+			--roxy-font-sans,
+			system-ui,
+			-apple-system,
+			BlinkMacSystemFont,
+			'Segoe UI',
+			Roboto,
+			sans-serif
+		);
+		color: var(--roxy-fg, #0a0a0a);
+		background: transparent;
+		font-size: var(--roxy-text-base, 1rem);
+		line-height: var(--roxy-leading-normal, 1.5);
+		animation: roxy-fade-in var(--roxy-motion-duration, 200ms)
+			var(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;
+	}
+
+	*,
+	*::before,
+	*::after {
+		box-sizing: border-box;
+	}
+
+	@keyframes roxy-fade-in {
+		from {
+			opacity: 0;
+			transform: translateY(2px);
+		}
+		to {
+			opacity: 1;
+			transform: translateY(0);
+		}
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		:host {
+			animation: none;
+		}
+	}
+
+	.roxy-skeleton {
+		background: linear-gradient(
+			90deg,
+			var(--roxy-border, #e4e4e7) 0%,
+			color-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,
+			var(--roxy-border, #e4e4e7) 100%
+		);
+		background-size: 200% 100%;
+		animation: roxy-shimmer 1.4s ease-in-out infinite;
+		border-radius: var(--roxy-radius-md, 8px);
+	}
+
+	@keyframes roxy-shimmer {
+		0% {
+			background-position: 200% 0;
+		}
+		100% {
+			background-position: -200% 0;
+		}
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.roxy-skeleton {
+			animation: none;
+		}
+	}
+
+	.roxy-empty {
+		padding: var(--roxy-space-lg, 1.5rem);
+		color: var(--roxy-muted, #71717a);
+		text-align: center;
+		font-size: var(--roxy-text-sm, 0.875rem);
+	}
+
+	:host(:focus-within) .roxy-card {
+		outline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));
+		outline-offset: 2px;
+	}
+`;
+
+// packages/ui/src/components/dosha-card.ts
+var DOSHA_LABELS = {
+  manglik: "Mangal Dosha",
+  kalsarpa: "Kaal Sarp Dosha",
+  sadhesati: "Sade Sati"
+};
+var RoxyDoshaCard = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.data = null;
+    this.type = "manglik";
+  }
+  render() {
+    const d = this.data;
+    if (!d)
+      return html`<div class="roxy-empty" role="status">No dosha data</div>`;
+    const present = !!d.present;
+    const label = DOSHA_LABELS[this.type] ?? this.type;
+    const sevClass = (d.severity ?? "").toLowerCase();
+    return html`<article
+			class="card"
+			aria-label=${label}
+		>
+			<header class="head">
+				<h2 class="title">${label}</h2>
+				<div style="display:flex; gap:0.5rem; align-items:center;">
+					<span class=${`badge ${present ? "present" : "absent"}`}>
+						${present ? "Present" : "Absent"}
+					</span>
+					${d.severity ? html`<span
+								class=${`severity ${sevClass}`}
+								role="img"
+								aria-label=${`Severity ${d.severity}`}
+							>
+								<span></span><span></span><span></span>
+							</span>` : nothing}
+				</div>
+			</header>
+			${d.description ? html`<p class="description">${d.description}</p>` : nothing}
+			${this.renderEffects(d.effects)}
+			${d.remedies && d.remedies.length > 0 ? html`<div>
+						<h3>Remedies</h3>
+						<ul>
+							${d.remedies.map((r) => html`<li>${r}</li>`)}
+						</ul>
+					</div>` : nothing}
+			${d.exceptions && d.exceptions.length > 0 ? html`<div>
+						<h3>Exceptions</h3>
+						<ul>
+							${d.exceptions.map((r) => html`<li>${r}</li>`)}
+						</ul>
+					</div>` : nothing}
+		</article>`;
+  }
+  renderEffects(e) {
+    if (!e) return nothing;
+    if (typeof e === "string") return html`<p>${e}</p>`;
+    const entries = Object.entries(e).filter(
+      ([, v]) => typeof v === "string" && v.length > 0
+    );
+    if (entries.length === 0) return nothing;
+    return html`<div class="effects">
+			${entries.map(
+      ([k, v]) => html`<div>
+					<h3>${k}</h3>
+					<p>${v}</p>
+				</div>`
+    )}
+		</div>`;
+  }
+};
+RoxyDoshaCard.styles = [
+  baseStyles,
+  css2`
+			.card {
+				background: var(--roxy-bg, #fff);
+				border: 1px solid var(--roxy-border, #e4e4e7);
+				border-radius: var(--roxy-radius-md, 8px);
+				padding: var(--roxy-space-lg, 1.5rem);
+				box-shadow: var(--roxy-shadow-sm);
+				display: grid;
+				gap: var(--roxy-space-md, 1rem);
+			}
+			.head {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				gap: var(--roxy-space-md, 1rem);
+				flex-wrap: wrap;
+			}
+			.title {
+				margin: 0;
+				font-size: var(--roxy-text-lg, 1.125rem);
+				font-weight: var(--roxy-weight-bold, 600);
+				text-transform: capitalize;
+			}
+			.badge {
+				display: inline-flex;
+				align-items: center;
+				gap: var(--roxy-space-xs, 0.25rem);
+				padding: 4px 10px;
+				border-radius: var(--roxy-radius-full, 9999px);
+				font-size: var(--roxy-text-xs, 0.75rem);
+				font-weight: var(--roxy-weight-bold, 600);
+				text-transform: uppercase;
+				letter-spacing: 0.06em;
+			}
+			.badge.absent {
+				background: color-mix(in srgb, var(--roxy-success, #16a34a) 16%, transparent);
+				color: var(--roxy-success, #16a34a);
+			}
+			.badge.present {
+				background: color-mix(in srgb, var(--roxy-danger, #dc2626) 16%, transparent);
+				color: var(--roxy-danger, #dc2626);
+			}
+			.severity {
+				display: flex;
+				align-items: center;
+				gap: 4px;
+			}
+			.severity span {
+				width: 14px;
+				height: 4px;
+				border-radius: 2px;
+				background: var(--roxy-border, #e4e4e7);
+			}
+			.severity.mild span:nth-child(1) {
+				background: var(--roxy-warning, #ea580c);
+			}
+			.severity.moderate span:nth-child(-n + 2) {
+				background: var(--roxy-warning, #ea580c);
+			}
+			.severity.severe span {
+				background: var(--roxy-danger, #dc2626);
+			}
+
+			.description {
+				margin: 0;
+				color: var(--roxy-fg, #0a0a0a);
+			}
+
+			h3 {
+				margin: 0 0 var(--roxy-space-xs, 0.25rem);
+				font-size: var(--roxy-text-xs, 0.75rem);
+				color: var(--roxy-muted, #71717a);
+				text-transform: uppercase;
+				letter-spacing: 0.06em;
+			}
+			ul {
+				margin: 0;
+				padding-left: var(--roxy-space-md, 1rem);
+				font-size: var(--roxy-text-sm, 0.875rem);
+			}
+			.effects {
+				display: grid;
+				grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
+				gap: var(--roxy-space-md, 1rem);
+			}
+			.effects p {
+				margin: 0;
+				font-size: var(--roxy-text-sm, 0.875rem);
+			}
+		`
+];
+__decorateClass([
+  property({ attribute: false })
+], RoxyDoshaCard.prototype, "data", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], RoxyDoshaCard.prototype, "type", 2);
+RoxyDoshaCard = __decorateClass([
+  customElement("roxy-dosha-card")
+], RoxyDoshaCard);
+export {
+  RoxyDoshaCard
+};
+//# sourceMappingURL=dosha-card.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/dosha-card.ts", "../../src/utils/base-styles.ts"],
+  "sourcesContent": ["import { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { baseStyles } from '../utils/base-styles.js';\n\ninterface DoshaData {\n\tpresent?: boolean;\n\tseverity?: 'Mild' | 'Moderate' | 'Severe' | string;\n\ttype?: string;\n\tdescription?: string;\n\tremedies?: string[];\n\texceptions?: string[];\n\teffects?:\n\t\t| string\n\t\t| {\n\t\t\t\tmarriage?: string;\n\t\t\t\tpersonality?: string;\n\t\t\t\ttiming?: string;\n\t\t\t\trelationships?: string;\n\t\t\t\tgeneral?: string;\n\t\t\t\tphases?: Record<string, string>;\n\t\t  };\n}\n\nconst DOSHA_LABELS: Record<string, string> = {\n\tmanglik: 'Mangal Dosha',\n\tkalsarpa: 'Kaal Sarp Dosha',\n\tsadhesati: 'Sade Sati',\n};\n\n/**\n * Dosha presence card. Renders /vedic-astrology/dosha/{manglik,kalsarpa,sadhesati}.\n * Visual severity indicator + remedies + scoped effects.\n */\n@customElement('roxy-dosha-card')\nexport class RoxyDoshaCard extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`\n\t\t\t.card {\n\t\t\t\tbackground: var(--roxy-bg, #fff);\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\t\t\tbox-shadow: var(--roxy-shadow-sm);\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.head {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t\tflex-wrap: wrap;\n\t\t\t}\n\t\t\t.title {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-lg, 1.125rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t\t.badge {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t\tpadding: 4px 10px;\n\t\t\t\tborder-radius: var(--roxy-radius-full, 9999px);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.06em;\n\t\t\t}\n\t\t\t.badge.absent {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-success, #16a34a) 16%, transparent);\n\t\t\t\tcolor: var(--roxy-success, #16a34a);\n\t\t\t}\n\t\t\t.badge.present {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-danger, #dc2626) 16%, transparent);\n\t\t\t\tcolor: var(--roxy-danger, #dc2626);\n\t\t\t}\n\t\t\t.severity {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 4px;\n\t\t\t}\n\t\t\t.severity span {\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 4px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tbackground: var(--roxy-border, #e4e4e7);\n\t\t\t}\n\t\t\t.severity.mild span:nth-child(1) {\n\t\t\t\tbackground: var(--roxy-warning, #ea580c);\n\t\t\t}\n\t\t\t.severity.moderate span:nth-child(-n + 2) {\n\t\t\t\tbackground: var(--roxy-warning, #ea580c);\n\t\t\t}\n\t\t\t.severity.severe span {\n\t\t\t\tbackground: var(--roxy-danger, #dc2626);\n\t\t\t}\n\n\t\t\t.description {\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\n\t\t\th3 {\n\t\t\t\tmargin: 0 0 var(--roxy-space-xs, 0.25rem);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.06em;\n\t\t\t}\n\t\t\tul {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding-left: var(--roxy-space-md, 1rem);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t\t.effects {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.effects p {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\tdata: DoshaData | null = null;\n\n\t@property({ type: String, reflect: true })\n\ttype: 'manglik' | 'kalsarpa' | 'sadhesati' | string = 'manglik';\n\n\trender() {\n\t\tconst d = this.data;\n\t\tif (!d)\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No dosha data</div>`;\n\n\t\tconst present = !!d.present;\n\t\tconst label = DOSHA_LABELS[this.type] ?? this.type;\n\t\tconst sevClass = (d.severity ?? '').toLowerCase();\n\n\t\treturn html`<article\n\t\t\tclass=\"card\"\n\t\t\taria-label=${label}\n\t\t>\n\t\t\t<header class=\"head\">\n\t\t\t\t<h2 class=\"title\">${label}</h2>\n\t\t\t\t<div style=\"display:flex; gap:0.5rem; align-items:center;\">\n\t\t\t\t\t<span class=${`badge ${present ? 'present' : 'absent'}`}>\n\t\t\t\t\t\t${present ? 'Present' : 'Absent'}\n\t\t\t\t\t</span>\n\t\t\t\t\t${\n\t\t\t\t\t\td.severity\n\t\t\t\t\t\t\t? html`<span\n\t\t\t\t\t\t\t\tclass=${`severity ${sevClass}`}\n\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\taria-label=${`Severity ${d.severity}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span></span><span></span><span></span>\n\t\t\t\t\t\t\t</span>`\n\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</header>\n\t\t\t${d.description ? html`<p class=\"description\">${d.description}</p>` : nothing}\n\t\t\t${this.renderEffects(d.effects)}\n\t\t\t${\n\t\t\t\td.remedies && d.remedies.length > 0\n\t\t\t\t\t? html`<div>\n\t\t\t\t\t\t<h3>Remedies</h3>\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t${d.remedies.map((r) => html`<li>${r}</li>`)}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${\n\t\t\t\td.exceptions && d.exceptions.length > 0\n\t\t\t\t\t? html`<div>\n\t\t\t\t\t\t<h3>Exceptions</h3>\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t${d.exceptions.map((r) => html`<li>${r}</li>`)}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</article>`;\n\t}\n\n\tprivate renderEffects(e: DoshaData['effects']) {\n\t\tif (!e) return nothing;\n\t\tif (typeof e === 'string') return html`<p>${e}</p>`;\n\t\tconst entries = Object.entries(e).filter(\n\t\t\t([, v]) => typeof v === 'string' && v.length > 0,\n\t\t);\n\t\tif (entries.length === 0) return nothing;\n\t\treturn html`<div class=\"effects\">\n\t\t\t${entries.map(\n\t\t\t\t([k, v]) => html`<div>\n\t\t\t\t\t<h3>${k}</h3>\n\t\t\t\t\t<p>${v}</p>\n\t\t\t\t</div>`,\n\t\t\t)}\n\t\t</div>`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-dosha-card': RoxyDoshaCard;\n\t}\n}\n", "import { css } from 'lit';\n\n/**\n * Shared host styles every component pulls in. Sets default font, color,\n * container query support, and the entry fade-in.\n */\nexport const baseStyles = css`\n\t:host {\n\t\tdisplay: block;\n\t\tcontainer-type: inline-size;\n\t\tfont-family: var(\n\t\t\t--roxy-font-sans,\n\t\t\tsystem-ui,\n\t\t\t-apple-system,\n\t\t\tBlinkMacSystemFont,\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tsans-serif\n\t\t);\n\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\tbackground: transparent;\n\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\tline-height: var(--roxy-leading-normal, 1.5);\n\t\tanimation: roxy-fade-in var(--roxy-motion-duration, 200ms)\n\t\t\tvar(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;\n\t}\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t@keyframes roxy-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-skeleton {\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\tvar(--roxy-border, #e4e4e7) 0%,\n\t\t\tcolor-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,\n\t\t\tvar(--roxy-border, #e4e4e7) 100%\n\t\t);\n\t\tbackground-size: 200% 100%;\n\t\tanimation: roxy-shimmer 1.4s ease-in-out infinite;\n\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t}\n\n\t@keyframes roxy-shimmer {\n\t\t0% {\n\t\t\tbackground-position: 200% 0;\n\t\t}\n\t\t100% {\n\t\t\tbackground-position: -200% 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.roxy-skeleton {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-empty {\n\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\tcolor: var(--roxy-muted, #71717a);\n\t\ttext-align: center;\n\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t}\n\n\t:host(:focus-within) .roxy-card {\n\t\toutline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));\n\t\toutline-offset: 2px;\n\t}\n`;\n"],
+  "mappings": "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",
+  "names": ["css", "css"]
+}

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

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+/**
+ * Schema-driven form. Pass `endpoint` (e.g. "vedic-astrology/birth-chart").
+ * The form introspects the cached OpenAPI spec, slots a roxy-location-search
+ * when latitude+longitude+timezone fields are present, and emits a
+ * `roxy-submit` CustomEvent with the validated payload on submit. The caller
+ * decides what to do (call the SDK, render a chart, navigate).
+ *
+ * Build-time hints (x-roxy-ui formGroups) are read by scripts/build.ts and
+ * baked into a static map. At runtime the component falls back to runtime
+ * fetch of /api/v2/openapi.json when no map is provided.
+ */
+export declare class RoxyEndpointForm extends LitElement {
+    static styles: import("lit").CSSResult[];
+    endpoint: string;
+    method: 'GET' | 'POST';
+    specUrl: string;
+    submitLabel: string;
+    private fields;
+    private values;
+    private hasLocation;
+    private loaded;
+    connectedCallback(): void;
+    private loadSchema;
+    private resolve;
+    private fieldType;
+    private setValue;
+    private onLocation;
+    private onSubmit;
+    render(): import("lit").TemplateResult<1>;
+    private htmlType;
+    private coerce;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'roxy-endpoint-form': RoxyEndpointForm;
+    }
+}
+//# sourceMappingURL=endpoint-form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"endpoint-form.d.ts","sourceRoot":"","sources":["../../src/components/endpoint-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAiCrD;;;;;;;;;;GAUG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAyFX;IAGF,QAAQ,SAAiC;IAGzC,MAAM,EAAE,KAAK,GAAG,MAAM,CAAU;IAGhC,OAAO,SAA6C;IAGpD,WAAW,SAAY;IAGvB,OAAO,CAAC,MAAM,CAAkB;IAGhC,OAAO,CAAC,MAAM,CAA+B;IAG7C,OAAO,CAAC,WAAW,CAAS;IAG5B,OAAO,CAAC,MAAM,CAAS;IAEvB,iBAAiB,IAAI,IAAI;YAKX,UAAU;IAqFxB,OAAO,CAAC,OAAO;IAYf,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,UAAU,CAehB;IAEF,OAAO,CAAC,QAAQ,CAwBd;IAEF,MAAM;IA6EN,OAAO,CAAC,QAAQ;IAehB,OAAO,CAAC,MAAM;CAQd;AASD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD"}