@burdenoff/microfe-eventfullymanaged 2026.608.1 → 2026.625.2

package/dist/eventfullymanaged/pages/sponsors/SponsorsListPage.js

@@ -3,16 +3,18 @@ import { useSponsorsQuery as t } from "../../api/eventApi.js";
 import { useMemo as n, useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Building2 as o, Mail as s, Phone as c, Plus as l, Search as u } from "lucide-react";
+import { Badge as d, Button as f, GlassCard as p, IllustratedEmptyState as m, Input as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/sponsors/SponsorsListPage.tsx
-function d() {
-	let { navigate: d } = e(), [f, p] = r(""), { data: m, loading: h } = t({
-		search: f,
+function _() {
+	let { navigate: _ } = e(), [v, y] = r(""), { data: b, loading: x } = t({
+		search: v,
 		limit: 100,
 		offset: 0
-	}), g = n(() => m?.sponsors?.items ?? [], [m]), _ = g.reduce((e, t) => e + Number(t.metrics?.value ?? 0), 0), v = g.reduce((e, t) => e + Number(t.metrics?.leads ?? 0), 0);
+	}), S = n(() => b?.sponsors?.items ?? [], [b]), C = S.reduce((e, t) => e + Number(t.metrics?.value ?? 0), 0), w = S.reduce((e, t) => e + Number(t.metrics?.leads ?? 0), 0);
 	return /* @__PURE__ */ a("div", {
 		className: "space-y-6 p-6",
 		children: [
+			/* @__PURE__ */ i(g, { children: "Sponsors fund your event in exchange for visibility and leads. Track each one here — their tier, the contract value they bring, and the leads they generate — so you can prove ROI and keep the relationship warm for next time. The highlighted cards summarize your sponsor portfolio at a glance." }),
 			/* @__PURE__ */ a("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
 				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
@@ -21,80 +23,100 @@ function d() {
 				}), /* @__PURE__ */ i("p", {
 					className: "mt-1 text-sm text-text-secondary",
 					children: "Manage event sponsors with live API data."
-				})] }), /* @__PURE__ */ a("button", {
+				})] }), /* @__PURE__ */ a(f, {
 					type: "button",
-					onClick: () => d("/sponsors/create"),
-					className: "inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
-					children: [/* @__PURE__ */ i(l, { className: "mr-2 h-4 w-4" }), "Add Sponsor"]
+					onClick: () => _("/sponsors/create"),
+					children: [/* @__PURE__ */ i(l, { className: "h-4 w-4" }), "Add Sponsor"]
 				})]
 			}),
 			/* @__PURE__ */ a("div", {
 				className: "grid grid-cols-1 gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ a("div", {
-						className: "rounded-lg border border-border-default bg-bg-surface p-4",
+					/* @__PURE__ */ a(p, {
+						treatment: "glass",
+						glow: !0,
+						className: "p-4",
 						children: [/* @__PURE__ */ i("p", {
 							className: "text-sm text-text-secondary",
 							children: "Total Sponsors"
 						}), /* @__PURE__ */ i("p", {
-							className: "mt-1 text-2xl font-bold text-text-primary",
-							children: g.length
+							className: "mt-1 text-2xl font-bold tabular-nums text-text-primary",
+							children: S.length
 						})]
 					}),
-					/* @__PURE__ */ a("div", {
-						className: "rounded-lg border border-border-default bg-bg-surface p-4",
+					/* @__PURE__ */ a(p, {
+						treatment: "metric",
+						className: "p-4",
 						children: [/* @__PURE__ */ i("p", {
 							className: "text-sm text-text-secondary",
 							children: "Total Contract Value"
 						}), /* @__PURE__ */ a("p", {
-							className: "mt-1 text-2xl font-bold text-text-primary",
-							children: ["$", _.toLocaleString()]
+							className: "mt-1 text-2xl font-bold tabular-nums text-text-primary",
+							children: ["$", C.toLocaleString()]
 						})]
 					}),
-					/* @__PURE__ */ a("div", {
-						className: "rounded-lg border border-border-default bg-bg-surface p-4",
+					/* @__PURE__ */ a(p, {
+						treatment: "metric",
+						className: "p-4",
 						children: [/* @__PURE__ */ i("p", {
 							className: "text-sm text-text-secondary",
 							children: "Total Leads"
 						}), /* @__PURE__ */ i("p", {
-							className: "mt-1 text-2xl font-bold text-text-primary",
-							children: v.toLocaleString()
+							className: "mt-1 text-2xl font-bold tabular-nums text-text-primary",
+							children: w.toLocaleString()
 						})]
 					})
 				]
 			}),
 			/* @__PURE__ */ a("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ i(u, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ i("input", {
+				children: [/* @__PURE__ */ i(u, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ i(h, {
 					type: "text",
-					value: f,
-					onChange: (e) => p(e.target.value),
+					value: v,
+					onChange: (e) => y(e.target.value),
 					placeholder: "Search sponsors",
-					className: "w-full rounded-md border border-border-default bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
+					"aria-label": "Search sponsors",
+					className: "pl-10"
 				})]
 			}),
-			h ? /* @__PURE__ */ i("div", {
-				className: "rounded-md border border-border-default bg-bg-surface p-8 text-center text-sm text-text-secondary",
+			x ? /* @__PURE__ */ i(p, {
+				treatment: "plain",
+				className: "border-border-seam p-8 text-center text-sm text-text-secondary",
 				children: "Loading sponsors..."
-			}) : /* @__PURE__ */ a("div", {
+			}) : S.length === 0 ? /* @__PURE__ */ i(p, {
+				treatment: "plain",
+				className: "border-border-seam",
+				children: /* @__PURE__ */ i(m, {
+					illustration: v ? "empty-search" : "empty-people",
+					title: v ? "No sponsors match your search." : "No sponsors yet.",
+					description: v ? "Try a different name." : "Add your first sponsor to start tracking value and leads.",
+					action: v ? void 0 : /* @__PURE__ */ a(f, {
+						type: "button",
+						onClick: () => _("/sponsors/create"),
+						children: [/* @__PURE__ */ i(l, { className: "h-4 w-4" }), "Add Sponsor"]
+					})
+				})
+			}) : /* @__PURE__ */ i("div", {
 				className: "space-y-4",
-				children: [g.map((e) => /* @__PURE__ */ a("div", {
-					className: "rounded-lg border border-border-default bg-bg-surface p-5",
+				children: S.map((e) => /* @__PURE__ */ a(p, {
+					treatment: "plain",
+					className: "border-border-seam p-5",
 					children: [/* @__PURE__ */ a("div", {
 						className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
 						children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("button", {
 							type: "button",
-							onClick: () => d(`/sponsors/${e.id}/edit`),
-							className: "text-left text-lg font-semibold text-text-primary hover:text-blue-600",
+							onClick: () => _(`/sponsors/${e.id}/edit`),
+							className: "rounded-button text-left text-lg font-semibold text-text-primary transition-colors hover:text-text-link focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
 							children: e.name
 						}), /* @__PURE__ */ a("div", {
 							className: "mt-1 flex items-center gap-2 text-sm text-text-secondary",
-							children: [/* @__PURE__ */ i(o, { className: "h-4 w-4" }), /* @__PURE__ */ i("span", {
+							children: [/* @__PURE__ */ i(o, { className: "h-4 w-4" }), /* @__PURE__ */ i(d, {
+								variant: "secondary",
 								className: "uppercase",
 								children: e.level
 							})]
 						})] }), /* @__PURE__ */ a("div", {
-							className: "text-sm text-text-secondary",
+							className: "text-sm tabular-nums text-text-secondary",
 							children: [/* @__PURE__ */ a("p", { children: ["Value: $", Number(e.metrics?.value ?? 0).toLocaleString()] }), /* @__PURE__ */ a("p", { children: ["Leads: ", Number(e.metrics?.leads ?? 0).toLocaleString()] })]
 						})]
 					}), /* @__PURE__ */ a("div", {
@@ -112,20 +134,17 @@ function d() {
 								href: e.website,
 								target: "_blank",
 								rel: "noreferrer",
-								className: "text-blue-600 hover:underline",
+								className: "text-text-link hover:underline",
 								children: e.website
 							}) : "No website" })
 						]
 					})]
-				}, e.id)), g.length === 0 && /* @__PURE__ */ i("div", {
-					className: "rounded-md border border-border-default bg-bg-surface p-8 text-center text-sm text-text-secondary",
-					children: "No sponsors found."
-				})]
+				}, e.id))
 			})
 		]
 	});
 }
 //#endregion
-export { d as default };
+export { _ as default };
 
 //# sourceMappingURL=SponsorsListPage.js.map

package/dist/eventfullymanaged/pages/sponsors/SponsorsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SponsorsListPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/sponsors/SponsorsListPage.tsx"],"sourcesContent":["import { Building2, Mail, Phone, Plus, Search } from 'lucide-react';\nimport { useMemo, useState } from 'react';\n\nimport { useSponsorsQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype SponsorItem = {\n  id: string;\n  eventId: string;\n  name: string;\n  level: string;\n  website?: string | null;\n  contactName?: string | null;\n  contactEmail?: string | null;\n  contactPhone?: string | null;\n  metrics?: { value?: number; leads?: number } | null;\n};\n\nexport default function SponsorsListPage() {\n  const { navigate } = useEventfullyManaged();\n  const [search, setSearch] = useState('');\n  const { data, loading } = useSponsorsQuery({ search, limit: 100, offset: 0 });\n\n  const sponsors = useMemo(() => (data?.sponsors?.items ?? []) as SponsorItem[], [data]);\n\n  const totalValue = sponsors.reduce((sum, sponsor) => sum + Number(sponsor.metrics?.value ?? 0), 0);\n  const totalLeads = sponsors.reduce((sum, sponsor) => sum + Number(sponsor.metrics?.leads ?? 0), 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold text-text-primary\">Sponsors</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">Manage event sponsors with live API data.</p>\n        </div>\n        <button\n          type=\"button\"\n          onClick={() => navigate('/sponsors/create')}\n          className=\"inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n        >\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Add Sponsor\n        </button>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-3\">\n        <div className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n          <p className=\"text-sm text-text-secondary\">Total Sponsors</p>\n          <p className=\"mt-1 text-2xl font-bold text-text-primary\">{sponsors.length}</p>\n        </div>\n        <div className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n          <p className=\"text-sm text-text-secondary\">Total Contract Value</p>\n          <p className=\"mt-1 text-2xl font-bold text-text-primary\">${totalValue.toLocaleString()}</p>\n        </div>\n        <div className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n          <p className=\"text-sm text-text-secondary\">Total Leads</p>\n          <p className=\"mt-1 text-2xl font-bold text-text-primary\">{totalLeads.toLocaleString()}</p>\n        </div>\n      </div>\n\n      <div className=\"relative\">\n        <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted\" />\n        <input\n          type=\"text\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n          placeholder=\"Search sponsors\"\n          className=\"w-full rounded-md border border-border-default bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n        />\n      </div>\n\n      {loading ? (\n        <div className=\"rounded-md border border-border-default bg-bg-surface p-8 text-center text-sm text-text-secondary\">\n          Loading sponsors...\n        </div>\n      ) : (\n        <div className=\"space-y-4\">\n          {sponsors.map((sponsor) => (\n            <div key={sponsor.id} className=\"rounded-lg border border-border-default bg-bg-surface p-5\">\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div>\n                  <button\n                    type=\"button\"\n                    onClick={() => navigate(`/sponsors/${sponsor.id}/edit`)}\n                    className=\"text-left text-lg font-semibold text-text-primary hover:text-blue-600\"\n                  >\n                    {sponsor.name}\n                  </button>\n                  <div className=\"mt-1 flex items-center gap-2 text-sm text-text-secondary\">\n                    <Building2 className=\"h-4 w-4\" />\n                    <span className=\"uppercase\">{sponsor.level}</span>\n                  </div>\n                </div>\n                <div className=\"text-sm text-text-secondary\">\n                  <p>Value: ${Number(sponsor.metrics?.value ?? 0).toLocaleString()}</p>\n                  <p>Leads: {Number(sponsor.metrics?.leads ?? 0).toLocaleString()}</p>\n                </div>\n              </div>\n\n              <div className=\"mt-4 grid grid-cols-1 gap-2 text-sm text-text-secondary sm:grid-cols-3\">\n                <div className=\"flex items-center gap-2\">\n                  <Mail className=\"h-4 w-4\" />\n                  <span>{sponsor.contactEmail ?? 'No email'}</span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Phone className=\"h-4 w-4\" />\n                  <span>{sponsor.contactPhone ?? 'No phone'}</span>\n                </div>\n                <div>\n                  {sponsor.website ? (\n                    <a\n                      href={sponsor.website}\n                      target=\"_blank\"\n                      rel=\"noreferrer\"\n                      className=\"text-blue-600 hover:underline\"\n                    >\n                      {sponsor.website}\n                    </a>\n                  ) : (\n                    'No website'\n                  )}\n                </div>\n              </div>\n            </div>\n          ))}\n          {sponsors.length === 0 && (\n            <div className=\"rounded-md border border-border-default bg-bg-surface p-8 text-center text-sm text-text-secondary\">\n              No sponsors found.\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAwB,IAAmB;CACzC,IAAM,EAAE,gBAAa,GAAsB,EACrC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,EAAE,SAAM,eAAY,EAAiB;EAAE;EAAQ,OAAO;EAAK,QAAQ;EAAG,CAAC,EAEvE,IAAW,QAAe,GAAM,UAAU,SAAS,EAAE,EAAoB,CAAC,EAAK,CAAC,EAEhF,IAAa,EAAS,QAAQ,GAAK,MAAY,IAAM,OAAO,EAAQ,SAAS,SAAS,EAAE,EAAE,EAAE,EAC5F,IAAa,EAAS,QAAQ,GAAK,MAAY,IAAM,OAAO,EAAQ,SAAS,SAAS,EAAE,EAAE,EAAE;AAElG,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAuC;KAAa,CAAA,EAClE,kBAAC,KAAD;KAAG,WAAU;eAAmC;KAA6C,CAAA,CACzF,EAAA,CAAA,EACN,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAS,mBAAmB;KAC3C,WAAU;eAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,cAE1B;OACL;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAAkB,CAAA,EAC7D,kBAAC,KAAD;OAAG,WAAU;iBAA6C,EAAS;OAAW,CAAA,CAC1E;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAAwB,CAAA,EACnE,kBAAC,KAAD;OAAG,WAAU;iBAAb,CAAyD,KAAE,EAAW,gBAAgB,CAAK;SACvF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAAe,CAAA,EAC1D,kBAAC,KAAD;OAAG,WAAU;iBAA6C,EAAW,gBAAgB;OAAK,CAAA,CACtF;;KACF;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,oEAAqE,CAAA,EACvF,kBAAC,SAAD;KACE,MAAK;KACL,OAAO;KACP,WAAW,MAAU,EAAU,EAAM,OAAO,MAAM;KAClD,aAAY;KACZ,WAAU;KACV,CAAA,CACE;;GAEL,IACC,kBAAC,OAAD;IAAK,WAAU;cAAoG;IAE7G,CAAA,GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAS,KAAK,MACb,kBAAC,OAAD;KAAsB,WAAU;eAAhC,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAS,aAAa,EAAQ,GAAG,OAAO;OACvD,WAAU;iBAET,EAAQ;OACF,CAAA,EACT,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EACjC,kBAAC,QAAD;QAAM,WAAU;kBAAa,EAAQ;QAAa,CAAA,CAC9C;SACF,EAAA,CAAA,EACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD,EAAA,UAAA,CAAG,YAAS,OAAO,EAAQ,SAAS,SAAS,EAAE,CAAC,gBAAgB,CAAK,EAAA,CAAA,EACrE,kBAAC,KAAD,EAAA,UAAA,CAAG,WAAQ,OAAO,EAAQ,SAAS,SAAS,EAAE,CAAC,gBAAgB,CAAK,EAAA,CAAA,CAChE;SACF;SAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,kBAAC,QAAD,EAAA,UAAO,EAAQ,gBAAgB,YAAkB,CAAA,CAC7C;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC7B,kBAAC,QAAD,EAAA,UAAO,EAAQ,gBAAgB,YAAkB,CAAA,CAC7C;;OACN,kBAAC,OAAD,EAAA,UACG,EAAQ,UACP,kBAAC,KAAD;QACE,MAAM,EAAQ;QACd,QAAO;QACP,KAAI;QACJ,WAAU;kBAET,EAAQ;QACP,CAAA,GAEJ,cAEE,CAAA;OACF;QACF;OA7CI,EAAQ,GA6CZ,CACN,EACD,EAAS,WAAW,KACnB,kBAAC,OAAD;KAAK,WAAU;eAAoG;KAE7G,CAAA,CAEJ;;GAEJ"}
+{"version":3,"file":"SponsorsListPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/sponsors/SponsorsListPage.tsx"],"sourcesContent":["import { Building2, Mail, Phone, Plus, Search } from 'lucide-react';\nimport { Badge, Button, GlassCard, IllustratedEmptyState, Input, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useSponsorsQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype SponsorItem = {\n  id: string;\n  eventId: string;\n  name: string;\n  level: string;\n  website?: string | null;\n  contactName?: string | null;\n  contactEmail?: string | null;\n  contactPhone?: string | null;\n  metrics?: { value?: number; leads?: number } | null;\n};\n\nexport default function SponsorsListPage() {\n  const { navigate } = useEventfullyManaged();\n  const [search, setSearch] = useState('');\n  const { data, loading } = useSponsorsQuery({ search, limit: 100, offset: 0 });\n\n  const sponsors = useMemo(() => (data?.sponsors?.items ?? []) as SponsorItem[], [data]);\n\n  const totalValue = sponsors.reduce((sum, sponsor) => sum + Number(sponsor.metrics?.value ?? 0), 0);\n  const totalLeads = sponsors.reduce((sum, sponsor) => sum + Number(sponsor.metrics?.leads ?? 0), 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Sponsors fund your event in exchange for visibility and leads. Track each one here — their tier, the contract\n        value they bring, and the leads they generate — so you can prove ROI and keep the relationship warm for next\n        time. The highlighted cards summarize your sponsor portfolio at a glance.\n      </PagePurpose>\n\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold text-text-primary\">Sponsors</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">Manage event sponsors with live API data.</p>\n        </div>\n        <Button type=\"button\" onClick={() => navigate('/sponsors/create')}>\n          <Plus className=\"h-4 w-4\" />\n          Add Sponsor\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"p-4\">\n          <p className=\"text-sm text-text-secondary\">Total Sponsors</p>\n          <p className=\"mt-1 text-2xl font-bold tabular-nums text-text-primary\">{sponsors.length}</p>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <p className=\"text-sm text-text-secondary\">Total Contract Value</p>\n          <p className=\"mt-1 text-2xl font-bold tabular-nums text-text-primary\">${totalValue.toLocaleString()}</p>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <p className=\"text-sm text-text-secondary\">Total Leads</p>\n          <p className=\"mt-1 text-2xl font-bold tabular-nums text-text-primary\">{totalLeads.toLocaleString()}</p>\n        </GlassCard>\n      </div>\n\n      <div className=\"relative\">\n        <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted\" />\n        <Input\n          type=\"text\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n          placeholder=\"Search sponsors\"\n          aria-label=\"Search sponsors\"\n          className=\"pl-10\"\n        />\n      </div>\n\n      {loading ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-8 text-center text-sm text-text-secondary\">\n          Loading sponsors...\n        </GlassCard>\n      ) : sponsors.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration={search ? 'empty-search' : 'empty-people'}\n            title={search ? 'No sponsors match your search.' : 'No sponsors yet.'}\n            description={search ? 'Try a different name.' : 'Add your first sponsor to start tracking value and leads.'}\n            action={\n              !search ? (\n                <Button type=\"button\" onClick={() => navigate('/sponsors/create')}>\n                  <Plus className=\"h-4 w-4\" />\n                  Add Sponsor\n                </Button>\n              ) : undefined\n            }\n          />\n        </GlassCard>\n      ) : (\n        <div className=\"space-y-4\">\n          {sponsors.map((sponsor) => (\n            <GlassCard key={sponsor.id} treatment=\"plain\" className=\"border-border-seam p-5\">\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div>\n                  <button\n                    type=\"button\"\n                    onClick={() => navigate(`/sponsors/${sponsor.id}/edit`)}\n                    className=\"rounded-button text-left text-lg font-semibold text-text-primary transition-colors hover:text-text-link focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n                  >\n                    {sponsor.name}\n                  </button>\n                  <div className=\"mt-1 flex items-center gap-2 text-sm text-text-secondary\">\n                    <Building2 className=\"h-4 w-4\" />\n                    <Badge variant=\"secondary\" className=\"uppercase\">\n                      {sponsor.level}\n                    </Badge>\n                  </div>\n                </div>\n                <div className=\"text-sm tabular-nums text-text-secondary\">\n                  <p>Value: ${Number(sponsor.metrics?.value ?? 0).toLocaleString()}</p>\n                  <p>Leads: {Number(sponsor.metrics?.leads ?? 0).toLocaleString()}</p>\n                </div>\n              </div>\n\n              <div className=\"mt-4 grid grid-cols-1 gap-2 text-sm text-text-secondary sm:grid-cols-3\">\n                <div className=\"flex items-center gap-2\">\n                  <Mail className=\"h-4 w-4\" />\n                  <span>{sponsor.contactEmail ?? 'No email'}</span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Phone className=\"h-4 w-4\" />\n                  <span>{sponsor.contactPhone ?? 'No phone'}</span>\n                </div>\n                <div>\n                  {sponsor.website ? (\n                    <a\n                      href={sponsor.website}\n                      target=\"_blank\"\n                      rel=\"noreferrer\"\n                      className=\"text-text-link hover:underline\"\n                    >\n                      {sponsor.website}\n                    </a>\n                  ) : (\n                    'No website'\n                  )}\n                </div>\n              </div>\n            </GlassCard>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/pages/venues/FloorPlansPage.js

@@ -4,67 +4,77 @@ import { useState as r } from "react";
 import { useParams as i } from "react-router-dom";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { ArrowLeft as s, Plus as c, SquareStack as l } from "lucide-react";
+import { Button as u, EmphasisPanel as d, GlassCard as f, IllustratedEmptyState as p, Input as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/venues/FloorPlansPage.tsx
-function u() {
-	let { id: u = "" } = i(), { navigate: d } = e(), { data: f, loading: p, refetch: m } = n(u), [h, { loading: g }] = t(), [_, v] = r(""), y = f?.venue, b = f?.floorPlans?.items ?? [];
+function g() {
+	let { id: g = "" } = i(), { navigate: _ } = e(), { data: v, loading: y, refetch: b } = n(g), [x, { loading: S }] = t(), [C, w] = r(""), T = v?.venue, E = v?.floorPlans?.items ?? [];
 	return /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ o("div", {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ o("button", {
+				children: [/* @__PURE__ */ o(u, {
 					type: "button",
-					onClick: () => d(`/venues/${u}`),
-					className: "inline-flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary",
+					variant: "ghost",
+					size: "sm",
+					onClick: () => _(`/venues/${g}`),
 					children: [/* @__PURE__ */ a(s, { className: "h-4 w-4" }), "Back to Venue"]
 				}), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
 					className: "text-2xl font-bold text-text-primary",
 					children: "Floor Plans"
 				}), /* @__PURE__ */ a("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: y?.name ?? "Venue"
+					children: T?.name ?? "Venue"
 				})] })]
 			}),
-			/* @__PURE__ */ o("div", {
-				className: "rounded-lg border border-border-default bg-bg-surface p-4",
-				children: [/* @__PURE__ */ a("h2", {
-					className: "mb-3 text-sm font-semibold text-text-primary",
-					children: "Create floor plan"
-				}), /* @__PURE__ */ o("div", {
-					className: "flex flex-col gap-3 sm:flex-row",
-					children: [/* @__PURE__ */ a("input", {
-						type: "text",
-						value: _,
-						onChange: (e) => v(e.target.value),
-						placeholder: "Main Hall Layout",
-						className: "flex-1 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
-					}), /* @__PURE__ */ o("button", {
-						type: "button",
-						onClick: async () => {
-							!_.trim() || !u || (await h({ variables: { input: {
-								venueId: u,
-								name: _.trim(),
-								imageUrl: "",
-								dimensions: {},
-								interactiveAreas: {}
-							} } }), v(""), await m());
-						},
-						disabled: g,
-						className: "inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60",
-						children: [/* @__PURE__ */ a(c, { className: "mr-2 h-4 w-4" }), g ? "Creating..." : "Create"]
-					})]
+			/* @__PURE__ */ a(h, { children: "Floor plans are the maps of your venue — the hall layout, booth positions, stage and entrances. Add one per space so you can lay out exhibitors, plan attendee flow, and give everyone a clear picture of the room on the day." }),
+			/* @__PURE__ */ o(d, { children: [/* @__PURE__ */ a("h2", {
+				className: "mb-3 text-sm font-semibold text-text-primary",
+				children: "Create floor plan"
+			}), /* @__PURE__ */ o("div", {
+				className: "flex flex-col gap-3 sm:flex-row",
+				children: [/* @__PURE__ */ a(m, {
+					type: "text",
+					value: C,
+					onChange: (e) => w(e.target.value),
+					placeholder: "Main Hall Layout",
+					"aria-label": "Floor plan name",
+					className: "flex-1"
+				}), /* @__PURE__ */ o(u, {
+					type: "button",
+					onClick: async () => {
+						!C.trim() || !g || (await x({ variables: { input: {
+							venueId: g,
+							name: C.trim(),
+							imageUrl: "",
+							dimensions: {},
+							interactiveAreas: {}
+						} } }), w(""), await b());
+					},
+					disabled: S,
+					children: [/* @__PURE__ */ a(c, { className: "h-4 w-4" }), S ? "Creating..." : "Create"]
 				})]
-			}),
-			p ? /* @__PURE__ */ a("div", {
-				className: "rounded-md border border-border-default bg-bg-surface p-8 text-center text-sm text-text-secondary",
+			})] }),
+			y ? /* @__PURE__ */ a(f, {
+				treatment: "plain",
+				className: "border-border-seam p-8 text-center text-sm text-text-secondary",
 				children: "Loading floor plans..."
-			}) : /* @__PURE__ */ o("div", {
+			}) : E.length === 0 ? /* @__PURE__ */ a(f, {
+				treatment: "plain",
+				className: "border-border-seam",
+				children: /* @__PURE__ */ a(p, {
+					illustration: "empty-files",
+					title: "No floor plans found.",
+					description: "Create one to start mapping your venue."
+				})
+			}) : /* @__PURE__ */ a("div", {
 				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-				children: [b.map((e) => /* @__PURE__ */ o("div", {
-					className: "rounded-lg border border-border-default bg-bg-surface p-4",
+				children: E.map((e) => /* @__PURE__ */ o(f, {
+					treatment: "metric",
+					className: "p-4",
 					children: [/* @__PURE__ */ o("div", {
 						className: "flex items-center gap-2 text-text-primary",
-						children: [/* @__PURE__ */ a(l, { className: "h-4 w-4" }), /* @__PURE__ */ a("h3", {
+						children: [/* @__PURE__ */ a(l, { className: "h-4 w-4 text-action-primary-bg" }), /* @__PURE__ */ a("h3", {
 							className: "font-semibold",
 							children: e.name
 						})]
@@ -77,15 +87,12 @@ function u() {
 							e.dimensions ? "Dimensions configured" : "No dimensions configured"
 						]
 					})]
-				}, e.id)), b.length === 0 && /* @__PURE__ */ a("div", {
-					className: "rounded-md border border-border-default bg-bg-surface p-8 text-center text-sm text-text-secondary",
-					children: "No floor plans found. Create one to start mapping your venue."
-				})]
+				}, e.id))
 			})
 		]
 	});
 }
 //#endregion
-export { u as default };
+export { g as default };
 
 //# sourceMappingURL=FloorPlansPage.js.map

package/dist/eventfullymanaged/pages/venues/FloorPlansPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloorPlansPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/venues/FloorPlansPage.tsx"],"sourcesContent":["import { ArrowLeft, Plus, SquareStack } from 'lucide-react';\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { useCreateFloorPlanMutation, useVenueQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype FloorPlan = {\n  id: string;\n  venueId: string;\n  name: string;\n  imageUrl?: string | null;\n  dimensions?: Record<string, unknown> | null;\n  interactiveAreas?: Record<string, unknown> | null;\n};\n\nexport default function FloorPlansPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const { navigate } = useEventfullyManaged();\n  const { data, loading, refetch } = useVenueQuery(id);\n  const [createFloorPlan, { loading: creating }] = useCreateFloorPlanMutation();\n  const [name, setName] = useState('');\n\n  const venue = data?.venue;\n  const floorPlans = (data?.floorPlans?.items ?? []) as FloorPlan[];\n\n  const handleCreate = async () => {\n    if (!name.trim() || !id) {\n      return;\n    }\n    await createFloorPlan({\n      variables: {\n        input: {\n          venueId: id,\n          name: name.trim(),\n          imageUrl: '',\n          dimensions: {},\n          interactiveAreas: {},\n        },\n      },\n    });\n    setName('');\n    await refetch();\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"space-y-3\">\n        <button\n          type=\"button\"\n          onClick={() => navigate(`/venues/${id}`)}\n          className=\"inline-flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Venue\n        </button>\n        <div>\n          <h1 className=\"text-2xl font-bold text-text-primary\">Floor Plans</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">{venue?.name ?? 'Venue'}</p>\n        </div>\n      </div>\n\n      <div className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n        <h2 className=\"mb-3 text-sm font-semibold text-text-primary\">Create floor plan</h2>\n        <div className=\"flex flex-col gap-3 sm:flex-row\">\n          <input\n            type=\"text\"\n            value={name}\n            onChange={(event) => setName(event.target.value)}\n            placeholder=\"Main Hall Layout\"\n            className=\"flex-1 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n          />\n          <button\n            type=\"button\"\n            onClick={handleCreate}\n            disabled={creating}\n            className=\"inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60\"\n          >\n            <Plus className=\"mr-2 h-4 w-4\" />\n            {creating ? 'Creating...' : 'Create'}\n          </button>\n        </div>\n      </div>\n\n      {loading ? (\n        <div className=\"rounded-md border border-border-default bg-bg-surface p-8 text-center text-sm text-text-secondary\">\n          Loading floor plans...\n        </div>\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n          {floorPlans.map((plan) => (\n            <div key={plan.id} className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n              <div className=\"flex items-center gap-2 text-text-primary\">\n                <SquareStack className=\"h-4 w-4\" />\n                <h3 className=\"font-semibold\">{plan.name}</h3>\n              </div>\n              <p className=\"mt-2 text-sm text-text-secondary\">\n                {plan.imageUrl ? 'Image available' : 'No image uploaded'} |{' '}\n                {plan.dimensions ? 'Dimensions configured' : 'No dimensions configured'}\n              </p>\n            </div>\n          ))}\n          {floorPlans.length === 0 && (\n            <div className=\"rounded-md border border-border-default bg-bg-surface p-8 text-center text-sm text-text-secondary\">\n              No floor plans found. Create one to start mapping your venue.\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAgBA,SAAwB,IAAiB;CACvC,IAAM,EAAE,QAAK,OAAO,GAA2B,EACzC,EAAE,gBAAa,GAAsB,EACrC,EAAE,SAAM,YAAS,eAAY,EAAc,EAAG,EAC9C,CAAC,GAAiB,EAAE,SAAS,OAAc,GAA4B,EACvE,CAAC,GAAM,KAAW,EAAS,GAAG,EAE9B,IAAQ,GAAM,OACd,IAAc,GAAM,YAAY,SAAS,EAAE;AAqBjD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAS,WAAW,IAAK;KACxC,WAAU;eAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,gBAE1B;QACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAuC;KAAgB,CAAA,EACrE,kBAAC,KAAD;KAAG,WAAU;eAAoC,GAAO,QAAQ;KAAY,CAAA,CACxE,EAAA,CAAA,CACF;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAAsB,CAAA,EACnF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MACE,MAAK;MACL,OAAO;MACP,WAAW,MAAU,EAAQ,EAAM,OAAO,MAAM;MAChD,aAAY;MACZ,WAAU;MACV,CAAA,EACF,kBAAC,UAAD;MACE,MAAK;MACL,SAhDW,YAAY;AAC3B,QAAC,EAAK,MAAM,IAAI,CAAC,MAGrB,MAAM,EAAgB,EACpB,WAAW,EACT,OAAO;QACL,SAAS;QACT,MAAM,EAAK,MAAM;QACjB,UAAU;QACV,YAAY,EAAE;QACd,kBAAkB,EAAE;QACrB,EACF,EACF,CAAC,EACF,EAAQ,GAAG,EACX,MAAM,GAAS;;MAiCP,UAAU;MACV,WAAU;gBAJZ,CAME,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,IAAW,gBAAgB,SACrB;QACL;OACF;;GAEL,IACC,kBAAC,OAAD;IAAK,WAAU;cAAoG;IAE7G,CAAA,GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAW,KAAK,MACf,kBAAC,OAAD;KAAmB,WAAU;eAA7B,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,EACnC,kBAAC,MAAD;OAAI,WAAU;iBAAiB,EAAK;OAAU,CAAA,CAC1C;SACN,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,EAAK,WAAW,oBAAoB;OAAoB;OAAG;OAC3D,EAAK,aAAa,0BAA0B;OAC3C;QACA;OATI,EAAK,GAST,CACN,EACD,EAAW,WAAW,KACrB,kBAAC,OAAD;KAAK,WAAU;eAAoG;KAE7G,CAAA,CAEJ;;GAEJ"}
+{"version":3,"file":"FloorPlansPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/venues/FloorPlansPage.tsx"],"sourcesContent":["import { ArrowLeft, Plus, SquareStack } from 'lucide-react';\nimport { Button, EmphasisPanel, GlassCard, IllustratedEmptyState, Input, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { useCreateFloorPlanMutation, useVenueQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype FloorPlan = {\n  id: string;\n  venueId: string;\n  name: string;\n  imageUrl?: string | null;\n  dimensions?: Record<string, unknown> | null;\n  interactiveAreas?: Record<string, unknown> | null;\n};\n\nexport default function FloorPlansPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const { navigate } = useEventfullyManaged();\n  const { data, loading, refetch } = useVenueQuery(id);\n  const [createFloorPlan, { loading: creating }] = useCreateFloorPlanMutation();\n  const [name, setName] = useState('');\n\n  const venue = data?.venue;\n  const floorPlans = (data?.floorPlans?.items ?? []) as FloorPlan[];\n\n  const handleCreate = async () => {\n    if (!name.trim() || !id) {\n      return;\n    }\n    await createFloorPlan({\n      variables: {\n        input: {\n          venueId: id,\n          name: name.trim(),\n          imageUrl: '',\n          dimensions: {},\n          interactiveAreas: {},\n        },\n      },\n    });\n    setName('');\n    await refetch();\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"space-y-3\">\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => navigate(`/venues/${id}`)}>\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Venue\n        </Button>\n        <div>\n          <h1 className=\"text-2xl font-bold text-text-primary\">Floor Plans</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">{venue?.name ?? 'Venue'}</p>\n        </div>\n      </div>\n\n      <PagePurpose>\n        Floor plans are the maps of your venue — the hall layout, booth positions, stage and entrances. Add one per\n        space so you can lay out exhibitors, plan attendee flow, and give everyone a clear picture of the room on the\n        day.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h2 className=\"mb-3 text-sm font-semibold text-text-primary\">Create floor plan</h2>\n        <div className=\"flex flex-col gap-3 sm:flex-row\">\n          <Input\n            type=\"text\"\n            value={name}\n            onChange={(event) => setName(event.target.value)}\n            placeholder=\"Main Hall Layout\"\n            aria-label=\"Floor plan name\"\n            className=\"flex-1\"\n          />\n          <Button type=\"button\" onClick={handleCreate} disabled={creating}>\n            <Plus className=\"h-4 w-4\" />\n            {creating ? 'Creating...' : 'Create'}\n          </Button>\n        </div>\n      </EmphasisPanel>\n\n      {loading ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-8 text-center text-sm text-text-secondary\">\n          Loading floor plans...\n        </GlassCard>\n      ) : floorPlans.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration=\"empty-files\"\n            title=\"No floor plans found.\"\n            description=\"Create one to start mapping your venue.\"\n          />\n        </GlassCard>\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n          {floorPlans.map((plan) => (\n            <GlassCard key={plan.id} treatment=\"metric\" className=\"p-4\">\n              <div className=\"flex items-center gap-2 text-text-primary\">\n                <SquareStack className=\"h-4 w-4 text-action-primary-bg\" />\n                <h3 className=\"font-semibold\">{plan.name}</h3>\n              </div>\n              <p className=\"mt-2 text-sm text-text-secondary\">\n                {plan.imageUrl ? 'Image available' : 'No image uploaded'} |{' '}\n                {plan.dimensions ? 'Dimensions configured' : 'No dimensions configured'}\n              </p>\n            </GlassCard>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAiBA,SAAwB,IAAiB;CACvC,IAAM,EAAE,QAAK,OAAO,GAA2B,EACzC,EAAE,gBAAa,GAAsB,EACrC,EAAE,SAAM,YAAS,eAAY,EAAc,EAAG,EAC9C,CAAC,GAAiB,EAAE,SAAS,OAAc,GAA4B,EACvE,CAAC,GAAM,KAAW,EAAS,GAAG,EAE9B,IAAQ,GAAM,OACd,IAAc,GAAM,YAAY,SAAS,EAAE;AAqBjD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,MAAK;KAAS,SAAQ;KAAQ,MAAK;KAAK,eAAe,EAAS,WAAW,IAAK;eAAxF,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,gBAE1B;QACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAuC;KAAgB,CAAA,EACrE,kBAAC,KAAD;KAAG,WAAU;eAAoC,GAAO,QAAQ;KAAY,CAAA,CACxE,EAAA,CAAA,CACF;;GAEN,kBAAC,GAAD,EAAA,UAAa,kOAIC,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAA+C;IAAsB,CAAA,EACnF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,MAAK;KACL,OAAO;KACP,WAAW,MAAU,EAAQ,EAAM,OAAO,MAAM;KAChD,aAAY;KACZ,cAAW;KACX,WAAU;KACV,CAAA,EACF,kBAAC,GAAD;KAAQ,MAAK;KAAS,SAjDT,YAAY;AAC3B,OAAC,EAAK,MAAM,IAAI,CAAC,MAGrB,MAAM,EAAgB,EACpB,WAAW,EACT,OAAO;OACL,SAAS;OACT,MAAM,EAAK,MAAM;OACjB,UAAU;OACV,YAAY,EAAE;OACd,kBAAkB,EAAE;OACrB,EACF,EACF,CAAC,EACF,EAAQ,GAAG,EACX,MAAM,GAAS;;KAiCoC,UAAU;eAAvD,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,IAAW,gBAAgB,SACrB;OACL;MACQ,EAAA,CAAA;GAEf,IACC,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cAAiE;IAE5F,CAAA,GACV,EAAW,WAAW,IACxB,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,CAAA;IACQ,CAAA,GAEZ,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAW,KAAK,MACf,kBAAC,GAAD;KAAyB,WAAU;KAAS,WAAU;eAAtD,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAa,WAAU,kCAAmC,CAAA,EAC1D,kBAAC,MAAD;OAAI,WAAU;iBAAiB,EAAK;OAAU,CAAA,CAC1C;SACN,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,EAAK,WAAW,oBAAoB;OAAoB;OAAG;OAC3D,EAAK,aAAa,0BAA0B;OAC3C;QACM;OATI,EAAK,GAST,CACZ;IACE,CAAA;GAEJ"}