@betterworldcollective/dashboard 0.0.0-stage → 0.0.3

package/dist/index.js

@@ -0,0 +1,488 @@
+import { Comment as e, Fragment as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createTextVNode as l, createVNode as u, defineComponent as d, inject as f, isVNode as p, markRaw as m, mergeModels as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as b, onUnmounted as ee, openBlock as x, provide as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as E, shallowRef as D, toDisplayString as O, unref as k, useId as A, useModel as j, useSlots as M, watch as N, withCtx as P } from "vue";
+import { BwSlideTransition as F } from "@betterworldcollective/core";
+import { AthonIcon as I, CampaignIcon as te, CheckIcon as ne, ChevronDownIcon as re, CrowdfundingIcon as ie, DonationFormIcon as L, DonationIcon as ae, DonorIcon as oe, EventIcon as R, GiftIcon as z, GiveawaysIcon as B, HomeIcon as V, ImpactGivingIcon as H, LiveAuctionIcon as U, PaddleRaiseIcon as W, PeerToPeerIcon as G, SilentAuctionIcon as K } from "@betterworldcollective/icons";
+import { PieChart as q } from "echarts/charts";
+import { init as se, use as ce } from "echarts/core";
+import { SVGRenderer as le } from "echarts/renderers";
+// src/components/header/BwHeader.vue?vue&type=script&setup=true&lang.ts
+var ue = { class: "bw-header flex w-full flex-col bg-surface-brand text-white" }, de = { class: "flex min-h-15 w-full items-stretch" }, fe = { class: "flex w-72.5 shrink-0 items-center px-7" }, pe = ["href"], me = { class: "relative flex min-w-0 flex-1 items-center px-7 py-3" }, he = {
+	key: 0,
+	class: "bg-white text-text-primary"
+}, J = /* @__PURE__ */ d({
+	__name: "BwHeader",
+	props: {
+		logoHref: { default: "/" },
+		isSubHeaderVisible: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		return (t, n) => (x(), o("header", ue, [s("div", de, [s("div", fe, [T(t.$slots, "left", {}, () => [s("a", {
+			class: "block shrink-0 rounded-[4px] outline-none focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white",
+			href: e.logoHref,
+			"aria-label": "BetterWorld"
+		}, [...n[0] ||= [s("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "136",
+			height: "20",
+			viewBox: "0 0 170 25",
+			fill: "none",
+			"aria-hidden": "true"
+		}, [s("path", {
+			fill: "currentColor",
+			"fill-rule": "evenodd",
+			"clip-rule": "evenodd",
+			d: "M4.39 23.25c-.14-.1-.36 0-.36.17v.74c0 .11-.1.2-.21.2H2.68c-.93 0-1.68-.74-1.68-1.67V1.2c0-.12.1-.21.21-.21h1.24c.92 0 1.68.75 1.68 1.68V9.8c0 .18.2.28.35.17a7.4 7.4 0 0 1 4.39-1.4 7.3 7.3 0 0 1 3.78.99 8.2 8.2 0 0 1 3.98 7.07 8.1 8.1 0 0 1-3.95 7.05A8 8 0 0 1 8.8 24.7c-1.67 0-3.2-.52-4.41-1.45m29.2-6.15q-.03.18-.21.2h-11.5a.2.2 0 0 0-.2.22 5 5 0 0 0 4.97 4.45c1.4 0 2.4-.41 3.17-.95.78-.54 1.84-.62 2.53.03l.65.62c.08.07.09.2.02.28a8.2 8.2 0 0 1-6.4 2.75c-4.5 0-8-3.43-8-8.07s3.16-8.06 7.54-8.06c4.31 0 7.44 3.49 7.44 8.06l-.02.47m-3.32-2.7a4.3 4.3 0 0 0-4.01-3.1 4.5 4.5 0 0 0-4.27 3.1.2.2 0 0 0 .2.26h7.89a.2.2 0 0 0 .2-.26m15.91 8.82c-.2-.91-1.15-1.48-2.08-1.48-.83 0-1.72-.3-2.14-.83-.4-.46-.46-1.15-.46-1.97V11.9q.02-.2.2-.21h3.05c.93 0 1.68-.76 1.68-1.68V9.1a.2.2 0 0 0-.2-.21H41.7a.2.2 0 0 1-.21-.21V4.83c0-.12-.1-.21-.21-.21h-1.24c-.93 0-1.68.75-1.68 1.68v2.4c0 .12-.1.2-.21.2H36.1c-.93 0-1.68.76-1.68 1.7v.9c0 .11.1.2.21.2h3.53q.19.02.2.22v6.86c0 1.68.34 3.1 1.26 4.12A5.6 5.6 0 0 0 44 24.7c.8 0 1.66-.1 2.25-.27a.2.2 0 0 0 .14-.24zm11.07-1.48c.94 0 1.88.57 2.09 1.48l.2.96a.2.2 0 0 1-.13.24c-.6.17-1.45.28-2.26.28-1.94 0-3.39-.7-4.38-1.81-.92-1.02-1.25-2.44-1.25-4.12v-6.86q-.02-.2-.2-.21h-3.54a.2.2 0 0 1-.2-.21v-.9c0-.94.75-1.7 1.68-1.7h2.05q.2-.01.21-.2V6.3c0-.93.76-1.68 1.69-1.68h1.23c.12 0 .21.1.21.21V8.7c0 .12.1.2.21.2h4.52q.18.02.2.22v.9c0 .93-.74 1.69-1.67 1.69h-3.05a.2.2 0 0 0-.2.2v7.04c0 .82.06 1.51.45 1.97.43.53 1.32.83 2.14.83m18.58-4.45c.1 0 .2-.08.2-.19q.03-.3.02-.47c0-4.57-3.12-8.06-7.44-8.06-4.37 0-7.53 3.42-7.53 8.06a7.86 7.86 0 0 0 8 8.07 8.2 8.2 0 0 0 6.4-2.75.2.2 0 0 0-.03-.28l-.65-.62c-.68-.65-1.75-.57-2.52-.03-.78.54-1.78.95-3.17.95a5 5 0 0 1-4.99-4.45.2.2 0 0 1 .21-.23zm-7.12-5.99a4.3 4.3 0 0 1 4.02 3.1.2.2 0 0 1-.2.26h-7.89a.2.2 0 0 1-.2-.26 4.5 4.5 0 0 1 4.27-3.1m19.32-2.66a.2.2 0 0 1 .17.23l-.19 1.57c-.07.65-.71 1.1-1.36 1.1a5.2 5.2 0 0 0-4.15 2.54l-.03.1v8.5c0 .94-.75 1.69-1.68 1.69h-1.24a.2.2 0 0 1-.2-.21V10.58c0-.93.74-1.68 1.67-1.68h1.14c.12 0 .21.1.21.2v.92c0 .2.28.3.42.16a6 6 0 0 1 4.22-1.61c.27 0 .68.02 1.02.07m14.64.26c-.66 0-1.25.4-1.49 1l-3.65 9.08a.21.21 0 0 1-.39 0l-3.62-9.03a1.7 1.7 0 0 0-1.56-1.05h-1.78a.2.2 0 0 0-.2.29l6.12 15.05q.06.13.2.13h1.88q.15 0 .2-.13l4.1-10.25a.21.21 0 0 1 .39 0l4.1 10.25q.05.12.19.13h1.89q.13 0 .2-.13l6.1-15.05a.21.21 0 0 0-.19-.3h-1.77c-.7 0-1.3.43-1.56 1.06l-3.63 9.03a.21.21 0 0 1-.4 0l-3.64-9.07a1.6 1.6 0 0 0-1.49-1.01m21.46 15.8c-4.58 0-8-3.46-8-8.07 0-4.6 3.42-8.06 8-8.06s8 3.46 8 8.06-3.43 8.07-8 8.07m0-13.17c-2.86 0-4.87 2.27-4.87 5.1s2 5.1 4.87 5.1c2.86 0 4.87-2.27 4.87-5.1s-2-5.1-4.87-5.1m20.16-2.66a.2.2 0 0 0-.17-.23 9 9 0 0 0-1.03-.07 6 6 0 0 0-4.22 1.61c-.14.15-.42.05-.42-.16v-.91a.2.2 0 0 0-.2-.21h-1.15c-.92 0-1.68.75-1.68 1.68v13.58c0 .11.1.2.21.2h1.24c.93 0 1.68-.74 1.68-1.67v-8.5q0-.06.03-.1a5.2 5.2 0 0 1 4.15-2.56c.65 0 1.29-.44 1.37-1.09zm3.02 15.5a.2.2 0 0 1-.21-.21V2.68c0-.93.75-1.68 1.68-1.68h1.24c.11 0 .2.1.2.21v21.48c0 .93-.75 1.68-1.67 1.68zm18.8-.21c0 .11.1.2.21.2h1.14c.93 0 1.68-.74 1.68-1.67V1.2c0-.12-.1-.21-.21-.21h-1.24c-.92 0-1.68.75-1.68 1.68V9.8c0 .18-.2.28-.35.17a7.4 7.4 0 0 0-4.39-1.4 7.3 7.3 0 0 0-3.78.99 8.2 8.2 0 0 0-3.98 7.07 8.1 8.1 0 0 0 3.95 7.05 8 8 0 0 0 3.88 1.02c1.67 0 3.2-.52 4.41-1.45.15-.1.36 0 .36.17zm.37-7.55a5.05 5.05 0 1 1-10.1 0 5.05 5.05 0 0 1 10.1 0M8.77 21.66a5.05 5.05 0 1 0 0-10.1 5.05 5.05 0 0 0 0 10.1"
+		})], -1)]], 8, pe)])]), s("div", me, [T(t.$slots, "right")])]), u(k(F), null, {
+			default: P(() => [e.isSubHeaderVisible && t.$slots["sub-header"] ? (x(), o("div", he, [T(t.$slots, "sub-header")])) : a("", !0)]),
+			_: 3
+		})]));
+	}
+}), Y = Symbol("BwSidebar"), ge = { class: "bw-sidebar relative flex h-full w-72.5 overflow-hidden bg-white" }, _e = { class: "min-h-0 w-72.5 shrink-0 overflow-y-auto overflow-x-hidden bg-white py-[25px]" }, ve = { class: "flex flex-col" }, X = /* @__PURE__ */ d({
+	__name: "BwSidebar",
+	setup(e) {
+		let t = D([]), n = r(() => t.value.find((e) => e.hasActiveChild.value)?.id ?? null), i = C(null), a = r(() => i.value && t.value.some((e) => e.id === i.value) ? i.value : n.value);
+		return S(Y, {
+			expandedId: a,
+			register: (e) => {
+				t.value = [...t.value, e];
+			},
+			unregister: (e) => {
+				t.value = t.value.filter((t) => t.id !== e);
+			},
+			toggle: (e) => {
+				i.value = i.value === e ? null : e;
+			}
+		}), (e, t) => (x(), o("div", ge, [s("nav", _e, [s("ul", ve, [T(e.$slots, "default")])])]));
+	}
+}), ye = { class: "bw-sidebar-group not-first:mt-5" }, be = {
+	key: 0,
+	class: "mx-4 flex w-65.5 items-center gap-3 pl-6 pr-2 text-[11px] font-normal leading-[1.35] text-text-primary opacity-30"
+}, xe = ["id"], Se = ["aria-labelledby"], Ce = /* @__PURE__ */ d({
+	__name: "BwSidebarGroup",
+	props: { label: {} },
+	setup(e) {
+		let t = A();
+		return (n, r) => (x(), o("li", ye, [e.label || n.$slots.label ? (x(), o("div", be, [s("span", {
+			id: k(t),
+			class: "shrink-0"
+		}, [T(n.$slots, "label", {}, () => [l(O(e.label), 1)])], 8, xe), r[0] ||= s("span", { class: "h-px flex-1 bg-current opacity-30" }, null, -1)])) : a("", !0), s("ul", {
+			class: "flex flex-col",
+			"aria-labelledby": e.label || n.$slots.label ? k(t) : void 0
+		}, [T(n.$slots, "default")], 8, Se)]));
+	}
+}), we = {
+	"data-slot": "sidebar-menu-badge",
+	class: "inline-flex h-4 min-w-4 shrink-0 items-center justify-center rounded-full bg-action-primary px-1 text-[11px] leading-none font-normal text-white tabular-nums"
+}, Z = /* @__PURE__ */ d({
+	__name: "BwSidebarBadge",
+	setup(e) {
+		return (e, t) => (x(), o("span", we, [T(e.$slots, "default")]));
+	}
+}), Te = {
+	home: V,
+	donation: ae,
+	form: L,
+	campaign: te,
+	event: R,
+	donor: oe,
+	gift: z
+}, Ee = { class: "bw-sidebar-item [.bw-sidebar-item+&]:mt-1 [.bw-sidebar-group+&]:mt-5" }, De = { class: "flex w-[17px] shrink-0 items-center justify-center" }, Oe = { class: "min-w-0 flex-1 truncate text-[15px] font-normal leading-[1.35]" }, ke = { key: 0 }, Ae = { class: "flex flex-col gap-1 pt-1" }, je = /* @__PURE__ */ d({
+	__name: "BwSidebarItem",
+	props: {
+		label: {},
+		icon: {},
+		active: { type: Boolean },
+		badge: {},
+		href: {},
+		as: {}
+	},
+	setup(c) {
+		let d = c, m = M(), h = f(Y, null), g = Symbol("BwSidebarItem");
+		function v(n) {
+			let r = [];
+			for (let i of n) p(i) && (i.type === t ? r.push(...v(i.children ?? [])) : i.type !== e && r.push(i));
+			return r;
+		}
+		let y = r(() => v(m.default?.() ?? [])), b = r(() => y.value.length > 0), S = r(() => y.value.some((e) => e.props?.active === "" || e.props?.active === !0));
+		h?.register({
+			id: g,
+			hasActiveChild: S
+		}), ee(() => h?.unregister(g));
+		let C = r(() => h?.expandedId.value === g), w = r(() => d.badge !== void 0 && d.badge !== "" || !!m.badge), D = r(() => d.icon ? typeof d.icon == "string" ? Te[d.icon] : d.icon : null), A = r(() => d.as ?? (d.href && !b.value ? "a" : "button"));
+		function j(e) {
+			let t = e;
+			t.style.height = "0px", t.style.opacity = "0", t.offsetHeight, t.style.height = `${t.scrollHeight}px`, t.style.opacity = "1";
+		}
+		function N(e) {
+			let t = e;
+			t.style.height = "", t.style.opacity = "";
+		}
+		function F(e) {
+			let t = e;
+			t.style.height = `${t.scrollHeight}px`, t.style.opacity = "1", t.offsetHeight, t.style.height = "0px", t.style.opacity = "0";
+		}
+		return (e, t) => (x(), o("li", Ee, [(x(), i(E(A.value), {
+			href: A.value === "a" ? c.href : void 0,
+			type: A.value === "button" ? "button" : void 0,
+			class: _(["mx-4 flex w-65.5 items-center gap-[7px] rounded-[4px] py-2 pl-6 pr-2 text-left text-text-primary transition-colors duration-250 ease-in-out outline-none hover:bg-surface-brand/10 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring", c.active ? "bg-surface-brand/5" : ""]),
+			"aria-expanded": b.value ? C.value : void 0,
+			"aria-current": c.active ? "page" : void 0,
+			onClick: t[0] ||= (e) => b.value ? k(h)?.toggle(k(g)) : void 0
+		}, {
+			default: P(() => [
+				s("span", De, [T(e.$slots, "icon", {}, () => [D.value ? (x(), i(E(D.value), { key: 0 })) : a("", !0)])]),
+				s("span", Oe, [T(e.$slots, "label", {}, () => [l(O(c.label), 1)])]),
+				w.value ? (x(), i(Z, { key: 0 }, {
+					default: P(() => [T(e.$slots, "badge", {}, () => [l(O(c.badge), 1)])]),
+					_: 3
+				})) : a("", !0),
+				b.value ? (x(), i(k(re), {
+					key: 1,
+					class: _(["shrink-0 transition-[rotate] duration-250 ease-in-out", C.value ? "rotate-180" : ""])
+				}, null, 8, ["class"])) : a("", !0)
+			]),
+			_: 3
+		}, 8, [
+			"href",
+			"type",
+			"class",
+			"aria-expanded",
+			"aria-current"
+		])), u(n, {
+			"enter-active-class": "overflow-hidden transition-[height,opacity] duration-250 ease-in-out",
+			"leave-active-class": "overflow-hidden transition-[height,opacity] duration-250 ease-in-out",
+			onEnter: j,
+			onAfterEnter: N,
+			onLeave: F
+		}, {
+			default: P(() => [b.value && C.value ? (x(), o("div", ke, [s("ul", Ae, [T(e.$slots, "default")])])) : a("", !0)]),
+			_: 3
+		})]));
+	}
+}), Me = { class: "bw-sidebar-sub-item" }, Ne = { class: "min-w-0 flex-1 truncate" }, Pe = /* @__PURE__ */ d({
+	__name: "BwSidebarSubItem",
+	props: {
+		label: {},
+		active: { type: Boolean },
+		badge: {},
+		href: {},
+		as: {}
+	},
+	setup(e) {
+		let t = e, n = M(), c = r(() => t.badge !== void 0 && t.badge !== "" || !!n.badge), u = r(() => t.as ?? (t.href ? "a" : "button"));
+		return (t, n) => (x(), o("li", Me, [(x(), i(E(u.value), {
+			href: e.href,
+			type: u.value === "button" ? "button" : void 0,
+			class: _(["ml-14 mr-4 flex w-55.5 items-center gap-[7px] rounded-[4px] py-2 pl-6 pr-2 text-left text-[15px] font-normal leading-[1.35] text-text-primary transition-colors outline-none hover:bg-surface-brand/10 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring", e.active ? "bg-surface-brand/5" : ""]),
+			"aria-current": e.active ? "page" : void 0
+		}, {
+			default: P(() => [s("span", Ne, [T(t.$slots, "default", {}, () => [l(O(e.label), 1)])]), c.value ? (x(), i(Z, { key: 0 }, {
+				default: P(() => [T(t.$slots, "badge", {}, () => [l(O(e.badge), 1)])]),
+				_: 3
+			})) : a("", !0)]),
+			_: 3
+		}, 8, [
+			"href",
+			"type",
+			"class",
+			"aria-current"
+		]))]));
+	}
+}), Fe = { class: "bw-layout flex h-full w-full flex-col bg-[#F4F4F6]" }, Ie = { class: "flex min-h-0 flex-1" }, Le = { class: "min-w-0 flex-1 overflow-y-auto" }, Re = /* @__PURE__ */ d({
+	__name: "BwLayout",
+	props: {
+		logoHref: { default: "/" },
+		isSubHeaderVisible: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		return (t, n) => (x(), o("div", Fe, [u(k(J), {
+			class: "shrink-0",
+			"logo-href": e.logoHref,
+			"is-sub-header-visible": e.isSubHeaderVisible
+		}, c({ _: 2 }, [
+			t.$slots["header-left"] ? {
+				name: "left",
+				fn: P(() => [T(t.$slots, "header-left")]),
+				key: "0"
+			} : void 0,
+			t.$slots["header-right"] ? {
+				name: "right",
+				fn: P(() => [T(t.$slots, "header-right")]),
+				key: "1"
+			} : void 0,
+			t.$slots["sub-header"] ? {
+				name: "sub-header",
+				fn: P(() => [T(t.$slots, "sub-header")]),
+				key: "2"
+			} : void 0
+		]), 1032, ["logo-href", "is-sub-header-visible"]), s("div", Ie, [t.$slots.sidebar ? (x(), i(k(X), { key: 0 }, {
+			default: P(() => [T(t.$slots, "sidebar")]),
+			_: 3
+		})) : a("", !0), s("main", Le, [T(t.$slots, "default")])])]));
+	}
+}), ze = { class: "flex h-6 w-6 items-center justify-center" }, Be = { class: "relative flex min-w-0 flex-1 flex-col gap-1.5" }, Ve = { class: "text-[18px] leading-[1.2]" }, He = {
+	key: 0,
+	class: "text-[13px] font-light leading-[1.2] text-text-primary/70"
+}, Ue = {
+	key: 1,
+	class: "relative flex shrink-0 items-center"
+}, We = {
+	"aria-hidden": "true",
+	class: "grid h-6 w-6 place-items-center"
+}, Ge = {
+	key: 1,
+	class: "h-5.5 w-5.5 rounded-[5px] border-[1.5px] border-text-primary [grid-area:1/1]"
+}, Ke = "shadow-[30px_0px_64px_0px_#3A4E610D,0px_6px_24px_0px_#0000001A,0px_4px_4px_0px_#0000000D] hover:shadow-[30px_0px_64px_0px_#3A4E610D,0px_4px_4px_0px_#0000000D]", qe = /* @__PURE__ */ d({
+	__name: "BwOnboardingCampaignCardCreation",
+	props: /*@__PURE__*/ h({
+		type: {},
+		title: { default: "" },
+		subtitle: { default: "" },
+		canSelect: {
+			type: Boolean,
+			default: !1
+		},
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		showIcon: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = e, c = j(e, "modelValue"), d = {
+			auction: K,
+			"live-auction": U,
+			donation: L,
+			impact: H,
+			crowdfunding: ie,
+			paddleraise: W,
+			"peer-to-peer": G,
+			"ticketed-event": R,
+			giveaway: B,
+			"a-thons": I
+		}, f = r(() => t.active || c.value), p = C("50% 50%"), m = C(null);
+		async function h(e) {
+			if (!t.canSelect) return;
+			let n = e.currentTarget.getBoundingClientRect(), r = e.detail > 0 ? `${e.clientX - n.left}px ${e.clientY - n.top}px` : "50% 50%", i = m.value;
+			i && r !== p.value && (i.style.transition = "none", p.value = r, await g(), i.offsetWidth, i.style.transition = ""), c.value = !c.value;
+		}
+		let y = r(() => ({ clipPath: `circle(${f.value ? "150%" : "0%"} at ${p.value})` })), b = r(() => f.value ? "bg-action-primary/15 text-action-primary" : "bg-surface-brand/15 text-text-primary");
+		return (t, r) => (x(), i(E(e.canSelect ? "button" : "div"), {
+			type: e.canSelect ? "button" : void 0,
+			role: e.canSelect ? "checkbox" : void 0,
+			"aria-checked": e.canSelect ? c.value : void 0,
+			class: _(["relative flex w-full items-center gap-6 rounded-[24px] border border-white bg-white/40 px-5 py-4.5 text-left text-text-primary [transition:box-shadow_200ms_ease,transform_200ms_cubic-bezier(0.34,1.56,0.64,1)] motion-reduce:transition-none", [Ke, e.canSelect && "cursor-pointer active:scale-[0.99] focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary"]]),
+			onClick: h
+		}, {
+			default: P(() => [
+				s("span", {
+					ref_key: "rippleLayer",
+					ref: m,
+					"aria-hidden": "true",
+					class: "pointer-events-none absolute inset-0 rounded-[inherit] bg-[linear-gradient(158.53deg,#FFFFFF_20.63%,rgba(255,255,255,0.4)_100%)] [transition:clip-path_200ms_cubic-bezier(0.4,0,0.2,1)] motion-reduce:transition-none",
+					style: v(y.value)
+				}, null, 4),
+				e.showIcon ? (x(), o("span", {
+					key: 0,
+					"aria-hidden": "true",
+					class: _(["relative flex shrink-0 items-center justify-center rounded-lg p-5 transition-colors duration-200 motion-reduce:transition-none", b.value])
+				}, [s("span", ze, [(x(), i(E(d[e.type])))])], 2)) : a("", !0),
+				s("span", Be, [s("span", Ve, [T(t.$slots, "title", {}, () => [l(O(e.title), 1)])]), e.subtitle || t.$slots.subtitle ? (x(), o("span", He, [T(t.$slots, "subtitle", {}, () => [l(O(e.subtitle), 1)])])) : a("", !0)]),
+				e.canSelect || t.$slots.right ? (x(), o("span", Ue, [T(t.$slots, "right", { selected: c.value }, () => [s("span", We, [u(n, {
+					"enter-active-class": "transition duration-200 ease-[cubic-bezier(0.34,1.56,0.64,1)] motion-reduce:transition-none",
+					"enter-from-class": "opacity-0 scale-50",
+					"leave-active-class": "transition duration-100 ease-in motion-reduce:transition-none",
+					"leave-to-class": "opacity-0 scale-75"
+				}, {
+					default: P(() => [c.value ? (x(), i(k(ne), {
+						key: 0,
+						class: "text-action-primary [grid-area:1/1]",
+						width: "24",
+						height: "24"
+					})) : (x(), o("span", Ge))]),
+					_: 1
+				})])])])) : a("", !0)
+			]),
+			_: 3
+		}, 8, [
+			"type",
+			"role",
+			"aria-checked",
+			"class"
+		]));
+	}
+});
+// src/composables/useChart.ts
+ce([q, le]);
+function Je(e, t) {
+	let n = D(), r;
+	return b(() => {
+		e.value && (n.value = m(se(e.value, void 0, { renderer: "svg" })), n.value.setOption(t.value), r = new ResizeObserver(() => n.value?.resize()), r.observe(e.value));
+	}), N(t, (e) => n.value?.setOption(e), { deep: !0 }), y(() => {
+		r?.disconnect(), n.value?.dispose();
+	}), { chart: n };
+}
+// src/components/ticket/TicketStatsRing.vue?vue&type=script&setup=true&lang.ts
+var Ye = ["aria-label"], Xe = { class: "pointer-events-none absolute inset-0 flex items-center justify-center text-[11px] leading-none" }, Q = 44, Ze = "77%", Qe = /* @__PURE__ */ d({
+	__name: "TicketStatsRing",
+	props: {
+		percent: {},
+		label: {},
+		summary: {}
+	},
+	setup(e) {
+		let t = e, n = C(null);
+		return Je(n, r(() => ({ series: [{
+			type: "pie",
+			radius: [Ze, "100%"],
+			startAngle: 90,
+			clockwise: !0,
+			silent: !0,
+			label: { show: !1 },
+			labelLine: { show: !1 },
+			animationDuration: 800,
+			animationDurationUpdate: 800,
+			animationEasing: "cubicOut",
+			animationEasingUpdate: "cubicOut",
+			data: [{
+				value: t.percent,
+				itemStyle: { color: "#1D9E75" }
+			}, {
+				value: 100 - t.percent,
+				itemStyle: { color: "#D9D9D9" }
+			}]
+		}] }))), (t, r) => (x(), o("div", {
+			class: "relative shrink-0",
+			style: v({
+				width: `${Q}px`,
+				height: `${Q}px`
+			}),
+			role: "img",
+			"aria-label": e.summary
+		}, [s("div", {
+			ref_key: "el",
+			ref: n,
+			class: "h-full w-full",
+			"aria-hidden": "true"
+		}, null, 512), s("span", Xe, O(e.label), 1)], 12, Ye));
+	}
+}), $e = { class: "flex flex-col gap-3 rounded-lg border border-solid border-transparent px-3.5 py-3 text-text-primary shadow-[0px_5px_20px_0px_#3A4E6112] [background:linear-gradient(#FFFFFF,#FFFFFF)_padding-box,linear-gradient(180deg,rgba(229,232,235,0)_0%,#E5E8EB_100%)_border-box]" }, et = { class: "flex items-center gap-2" }, tt = {
+	key: 0,
+	class: "flex shrink-0 items-center",
+	"aria-hidden": "true"
+}, nt = { class: "text-[14px] leading-normal" }, rt = { class: "flex items-center gap-3" }, it = { class: "flex min-w-0 flex-col" }, at = { class: "text-[32px] leading-none" }, ot = {
+	key: 0,
+	class: "mt-1 text-[10px] uppercase leading-normal tracking-[0.9px]"
+}, st = /* @__PURE__ */ d({
+	__name: "BwTicketStatsCard",
+	props: {
+		icon: {},
+		title: {},
+		chartData: {},
+		description: {},
+		subText: {}
+	},
+	setup(e) {
+		let t = e, n = r(() => {
+			let e = t.chartData;
+			return !e || e.total <= 0 ? 0 : Math.min(100, Math.max(0, e.value / e.total * 100));
+		}), c = r(() => t.chartData?.label ?? `${Math.round(n.value)}%`);
+		return (t, r) => (x(), o("div", $e, [
+			s("div", et, [
+				T(t.$slots, "pre-header"),
+				e.icon ? (x(), o("span", tt, [(x(), i(E(e.icon)))])) : a("", !0),
+				s("span", nt, O(e.title), 1)
+			]),
+			r[0] ||= s("hr", { class: "m-0 border-0 border-t-[0.5px] border-solid border-t-[rgba(58,78,97,0.15)]" }, null, -1),
+			s("div", rt, [e.chartData ? (x(), i(Qe, {
+				key: 0,
+				percent: n.value,
+				label: c.value,
+				summary: `${e.chartData.value} of ${e.chartData.total} (${c.value})`
+			}, null, 8, [
+				"percent",
+				"label",
+				"summary"
+			])) : a("", !0), s("div", it, [T(t.$slots, "body", {}, () => [s("span", at, [T(t.$slots, "description", {}, () => [l(O(e.description), 1)])]), e.subText ? (x(), o("span", ot, O(e.subText), 1)) : a("", !0)])])])
+		]));
+	}
+}), ct = {
+	Auction: "auction",
+	LiveAuction: "live-auction",
+	Donation: "donation",
+	Impact: "impact",
+	Crowdfunding: "crowdfunding",
+	PaddleRaise: "paddleraise",
+	PeerToPeer: "peer-to-peer",
+	TicketedEvent: "ticketed-event",
+	Giveaway: "giveaway",
+	Athons: "a-thons"
+}, lt = { class: "py-3 px-4 shadow-high rounded-sm" }, ut = { class: "text-text-primary font-medium" }, dt = { class: "mt-4" }, ft = { class: "font-medium" }, $ = /* @__PURE__ */ d({
+	__name: "CampaignCard",
+	props: {
+		title: {},
+		items: {}
+	},
+	setup(e) {
+		return (n, r) => (x(), o("div", lt, [s("h6", ut, O(e.title), 1), s("div", dt, [(x(!0), o(t, null, w(e.items, (e, t) => (x(), o("div", {
+			key: t,
+			class: "flex items-center gap-1"
+		}, [s("span", null, O(e.label) + ":", 1), s("span", ft, O(e.value), 1)]))), 128))])]));
+	}
+}), pt = { class: "flex gap-2.5 items-center text-left" }, mt = {
+	key: 0,
+	class: "rounded-xs bg-surface-brand w-12 h-12"
+}, ht = ["src"], gt = ["href"], _t = { class: "text-base leading-6 lg:text-[20px] font-normal mt-1 text-text-primary" }, vt = /* @__PURE__ */ d({
+	__name: "OrganizationLogo",
+	props: {
+		logoUrl: {},
+		organizationName: {},
+		organizationUrl: {}
+	},
+	setup(e) {
+		return (t, n) => (x(), o("div", pt, [e.logoUrl ? (x(), o("div", mt, [s("img", {
+			src: e.logoUrl,
+			alt: "Logo",
+			width: "48",
+			height: "48",
+			class: "rounded-[inherit] w-[inherit] h-[inherit]"
+		}, null, 8, ht)])) : a("", !0), s("div", null, [n[1] ||= s("div", { class: "text-sm m-0 text-pineStone" }, " Organized by ", -1), s("a", {
+			href: e.organizationUrl,
+			class: "no-underline flex items-center gap-1 hover:gap-2 hover:underline transition-all"
+		}, [s("span", _t, O(e.organizationName), 1), n[0] ||= s("svg", {
+			width: "9",
+			height: "7",
+			viewBox: "0 0 9 7",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			class: "mt-1"
+		}, [s("path", {
+			d: "M5.66675 1L7.99995 3.33321L5.66675 5.66641",
+			stroke: "currentColor",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}), s("path", {
+			d: "M7.22192 3.33325L1.00004 3.33325",
+			stroke: "currentColor",
+			"stroke-linecap": "round"
+		})], -1)], 8, gt)])]));
+	}
+}), yt = { install() {} };
+export { J as BwHeader, Re as BwLayout, qe as BwOnboardingCampaignCardCreation, X as BwSidebar, Ce as BwSidebarGroup, je as BwSidebarItem, Pe as BwSidebarSubItem, st as BwTicketStatsCard, $ as CampaignCard, ct as CampaignType, vt as OrganizationLogo, yt as default };
+
+//# sourceMappingURL=index.js.map