@qtalo/qt-ui-library 0.1.1

package/dist/index.js

@@ -0,0 +1,2500 @@
+import clsx from "clsx";
+import { twMerge } from "tailwind-merge";
+import { Children, Fragment, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { tv } from "tailwind-variants";
+import './index.css';const colors = {
+	brandPrimary: "#6558fd",
+	brandSecondary: "#ceff1a"
+};
+var MONTH_NAMES = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+], WEEKDAYS = [
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa",
+	"Su"
+];
+function getDaysInMonth(r, M) {
+	return new Date(r, M + 1, 0).getDate();
+}
+function getFirstDayOfMonth(r, M) {
+	return new Date(r, M, 1).getDay();
+}
+function toMondayBased(r) {
+	return r === 0 ? 6 : r - 1;
+}
+function formatDate(r) {
+	return r ? `${(MONTH_NAMES[r.getMonth()] ?? "").substring(0, 3)} ${r.getDate()}, ${r.getFullYear()}` : "";
+}
+function parseDate(r) {
+	if (!r) return null;
+	let M = r.split("/");
+	if (M.length !== 3) return null;
+	let N = parseInt(M[0], 10) - 1, P = parseInt(M[1], 10), F = parseInt(M[2], 10), I = new Date(F, N, P);
+	return I.getFullYear() !== F || I.getMonth() !== N || I.getDate() !== P ? null : I;
+}
+function isSameDay(r, M) {
+	return !r || !M ? !1 : r.getFullYear() === M.getFullYear() && r.getMonth() === M.getMonth() && r.getDate() === M.getDate();
+}
+function isToday(r) {
+	return isSameDay(r, /* @__PURE__ */ new Date());
+}
+function isDateBefore(r, M) {
+	return new Date(r.getFullYear(), r.getMonth(), r.getDate()) < new Date(M.getFullYear(), M.getMonth(), M.getDate());
+}
+function isDateInRange(r, M, N) {
+	if (!M || !N) return !1;
+	let P = new Date(r.getFullYear(), r.getMonth(), r.getDate()), F = new Date(M.getFullYear(), M.getMonth(), M.getDate()), I = new Date(N.getFullYear(), N.getMonth(), N.getDate());
+	return P >= F && P <= I;
+}
+function formatDateRange(r, M) {
+	if (!r) return "";
+	if (!M || r.getFullYear() === M.getFullYear() && r.getMonth() === M.getMonth() && r.getDate() === M.getDate()) return formatSingleDate(r);
+	let N = MONTH_NAMES[r.getMonth()]?.substring(0, 3) ?? "", P = r.getDate(), F = r.getFullYear(), I = MONTH_NAMES[M.getMonth()]?.substring(0, 3) ?? "", L = M.getDate(), R = M.getFullYear();
+	return F === R ? `${N} ${P} - ${I} ${L}, ${F}` : `${N} ${P}, ${F} - ${I} ${L}, ${R}`;
+}
+function formatSingleDate(r) {
+	return `${MONTH_NAMES[r.getMonth()]?.substring(0, 3) ?? ""} ${r.getDate()}, ${r.getFullYear()}`;
+}
+function getMonthName(r) {
+	return MONTH_NAMES[r] ?? "";
+}
+function getWeekdays() {
+	return WEEKDAYS;
+}
+function generateCalendarDays(r, M) {
+	let N = getDaysInMonth(r, M), P = toMondayBased(getFirstDayOfMonth(r, M)), F = [], I = M === 0 ? 11 : M - 1, L = M === 0 ? r - 1 : r, R = getDaysInMonth(L, I), z = R - P + 1;
+	for (let r = z; r <= R; r++) F.push({
+		date: new Date(L, I, r),
+		day: r,
+		isCurrentMonth: !1
+	});
+	for (let P = 1; P <= N; P++) F.push({
+		date: new Date(r, M, P),
+		day: P,
+		isCurrentMonth: !0
+	});
+	let B = (7 - F.length % 7) % 7, V = M === 11 ? 0 : M + 1, H = M === 11 ? r + 1 : r;
+	for (let r = 1; r <= B; r++) F.push({
+		date: new Date(H, V, r),
+		day: r,
+		isCurrentMonth: !1
+	});
+	return F;
+}
+function cn(...N) {
+	return twMerge(clsx(N));
+}
+const capitalize = (r) => r.charAt(0).toUpperCase() + r.slice(1);
+function stringHash(r) {
+	let M = 0;
+	for (let N = 0; N < r.length; N++) M = r.charCodeAt(N) + ((M << 5) - M) + N * 31;
+	return M + r.length * 997;
+}
+function getInitials(r) {
+	let M = r.trim().split(/\s+/);
+	return (M.length >= 2 ? M[0][0] + M[1][0] : M[0]?.substring(0, 2) ?? "").toUpperCase();
+}
+function pickColorFromPalette(r, M) {
+	let N = stringHash(r.trim().toLowerCase());
+	return M[Math.abs(N) % M.length];
+}
+function useLongPress(r, M, N = 450) {
+	let P = useRef(null), F = useRef(!1), I = () => {
+		F.current = !1, P.current = window.setTimeout(() => {
+			r(), F.current = !0;
+		}, N);
+	}, L = () => {
+		P.current &&= (clearTimeout(P.current), null);
+	};
+	return {
+		onMouseDown: I,
+		onMouseUp: L,
+		onMouseLeave: L,
+		onTouchStart: I,
+		onTouchEnd: L,
+		onClick: () => {
+			F.current || M();
+		}
+	};
+}
+function Button({ className: r, children: M, ...N }) {
+	return /* @__PURE__ */ jsx("button", {
+		...N,
+		className: cn("btn-base", r),
+		children: M
+	});
+}
+function Checkbox({ checked: r, defaultChecked: M, icon: N, indeterminate: P, indeterminateIcon: F, onChange: I, disabled: L, children: R, className: z }) {
+	let V = useRef(null), [H, U] = useState(M ?? !1), K = r ?? H;
+	useEffect(() => {
+		V.current && (V.current.indeterminate = !!P);
+	}, [P]);
+	function J(M) {
+		let N = M.target.checked;
+		r === void 0 && U(N), I?.(N);
+	}
+	return /* @__PURE__ */ jsxs("label", {
+		className: cn("relative inline-flex w-fit cursor-pointer items-center gap-2 select-none", L && "pointer-events-none opacity-50", z),
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				ref: V,
+				type: "checkbox",
+				className: cn("absolute h-px w-px overflow-hidden p-0 whitespace-nowrap", "[clip-path:inset(50%)]", "border-0"),
+				disabled: L,
+				onChange: J,
+				...r === void 0 ? { defaultChecked: M } : { checked: r }
+			}),
+			/* @__PURE__ */ jsx("span", {
+				role: "checkbox",
+				"aria-checked": P ? "mixed" : K,
+				tabIndex: -1,
+				"data-state": P ? "indeterminate" : K ? "checked" : "unchecked",
+				className: "checkbox-box inline-flex items-center justify-center",
+				children: /* @__PURE__ */ jsx("span", {
+					className: cn("checkbox-icon", !(K || P) && "opacity-0"),
+					children: P ? F ?? "—" : N ?? "✓"
+				})
+			}),
+			R && /* @__PURE__ */ jsx("span", {
+				className: "checkbox-label",
+				children: R
+			})
+		]
+	});
+}
+const DropdownContext = createContext(null);
+function useDropdown() {
+	let r = useContext(DropdownContext);
+	if (!r) throw Error("useDropdown must be used inside Dropdown");
+	return r;
+}
+function Dropdown({ trigger: r, children: M, align: N = "start", disabled: P = !1 }) {
+	let [F, I] = useState(!1), L = useRef(null), R = useRef(null), z = useRef(null), [V, U] = useState(null);
+	useLayoutEffect(() => {
+		if (!F || !L.current || !R.current) return;
+		let r = L.current.getBoundingClientRect(), M = R.current.getBoundingClientRect(), P = r.left;
+		N === "end" && (P = r.right - M.width), U({
+			top: r.bottom,
+			left: P
+		});
+	}, [F, N]);
+	function K() {
+		z.current &&= (clearTimeout(z.current), null), I(!0);
+	}
+	function Y() {
+		z.current = window.setTimeout(() => {
+			I(!1);
+		}, 120);
+	}
+	return useEffect(() => {
+		function r(r) {
+			let M = r.target;
+			L.current?.contains(M) || R.current?.contains(M) || I(!1);
+		}
+		return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+	}, []), useEffect(() => () => {
+		z.current && clearTimeout(z.current);
+	}, []), /* @__PURE__ */ jsxs(DropdownContext.Provider, {
+		value: { close: () => I(!1) },
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: L,
+			className: "inline-block",
+			onMouseEnter: K,
+			onMouseLeave: Y,
+			onClick: () => I((r) => !r),
+			children: r
+		}), F && !P && createPortal(/* @__PURE__ */ jsx("div", {
+			ref: R,
+			onMouseEnter: K,
+			onMouseLeave: Y,
+			style: {
+				position: "fixed",
+				top: V?.top ?? 0,
+				left: V?.left ?? 0,
+				visibility: V ? "visible" : "hidden",
+				zIndex: 1e3
+			},
+			children: M
+		}), document.body)]
+	});
+}
+function Input({ type: r = "text", value: M, defaultValue: N, disabled: P = !1, error: F = !1, placeholder: I, onChange: L, className: R }) {
+	let [z, B] = useState(N ?? ""), V = M !== void 0, H = V ? M : z;
+	function U(r) {
+		let M = r.target.value;
+		V || B(M), L?.(M);
+	}
+	return /* @__PURE__ */ jsx("input", {
+		type: r,
+		value: H,
+		placeholder: I,
+		disabled: P,
+		"aria-disabled": P || void 0,
+		"aria-invalid": F || void 0,
+		onChange: U,
+		className: cn("bg-transparent outline-none", P && "pointer-events-none", R)
+	});
+}
+function Pressable({ as: r = "div", disabled: M = !1, onPress: N, className: P, children: F }) {
+	let I = useCallback(() => {
+		M || N?.();
+	}, [M, N]), L = useCallback((r) => {
+		M || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), N?.());
+	}, [M, N]);
+	return /* @__PURE__ */ jsx(r, {
+		role: "button",
+		tabIndex: M ? -1 : 0,
+		"aria-disabled": M || void 0,
+		onClick: I,
+		onKeyDown: L,
+		className: cn("select-none", !M && "cursor-pointer", M && "pointer-events-none opacity-50", P),
+		children: F
+	});
+}
+function StopPropagation({ children: r }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "contents",
+		onClick: (r) => r.stopPropagation(),
+		onMouseDown: (r) => r.stopPropagation(),
+		onPointerDown: (r) => r.stopPropagation(),
+		onKeyDown: (r) => r.stopPropagation(),
+		children: r
+	});
+}
+var toasts = [], listeners = /* @__PURE__ */ new Set();
+function notify() {
+	listeners.forEach((r) => r(toasts));
+}
+const toastStore = {
+	subscribe(r) {
+		return listeners.add(r), r(toasts), () => {
+			listeners.delete(r);
+		};
+	},
+	add(r) {
+		toasts = [r, ...toasts], notify();
+	},
+	remove(r) {
+		toasts = toasts.filter((M) => M.id !== r), notify();
+	}
+};
+function showToast({ content: r, duration: M = 4e3, position: N = "bottom-right" }) {
+	let P = crypto.randomUUID();
+	return toastStore.add({
+		id: P,
+		content: r,
+		duration: M,
+		position: N
+	}), {
+		id: P,
+		dismiss: () => toastStore.remove(P)
+	};
+}
+function isShowToastOptions(r) {
+	return typeof r == "object" && !!r && "content" in r;
+}
+function toast(r, M) {
+	return isShowToastOptions(r) ? showToast(r) : showToast({
+		content: r,
+		...M
+	});
+}
+var positionClasses = {
+	"top-left": "top-0 left-0 items-start",
+	"top-center": "top-0 left-1/2 -translate-x-1/2 items-center",
+	"top-right": "top-0 right-0 items-end",
+	"bottom-left": "bottom-0 left-0 items-start",
+	"bottom-center": "bottom-0 left-1/2 -translate-x-1/2 items-center",
+	"bottom-right": "bottom-0 right-0 items-end"
+};
+function Toaster() {
+	let [r, M] = useState([]), N = useRef(/* @__PURE__ */ new Map());
+	useEffect(() => toastStore.subscribe(M), []);
+	let F = useCallback((r) => {
+		let M = N.current.get(r);
+		M && (clearTimeout(M), N.current.delete(r));
+	}, []), I = useCallback((r) => {
+		F(r.id);
+		let M = window.setTimeout(() => {
+			toastStore.remove(r.id);
+		}, r.duration);
+		N.current.set(r.id, M);
+	}, [F]), L = () => {
+		N.current.forEach(clearTimeout), N.current.clear();
+	}, z = () => {
+		r.forEach((r, M) => {
+			F(r.id);
+			let P = window.setTimeout(() => {
+				toastStore.remove(r.id);
+			}, r.duration + M * 120);
+			N.current.set(r.id, P);
+		});
+	};
+	useEffect(() => {
+		r.forEach((r) => {
+			N.current.has(r.id) || I(r);
+		});
+	}, [r, I]);
+	let V = r.reduce((r, M) => ((r[M.position] ??= []).push(M), r), {});
+	return createPortal(/* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(V).map(([r, M]) => /* @__PURE__ */ jsx("div", {
+		className: cn("fixed z-1000 flex flex-col items-end gap-2 p-4", positionClasses[r]),
+		onMouseEnter: L,
+		onMouseLeave: z,
+		children: M.map((r) => /* @__PURE__ */ jsx(Fragment, { children: r.content }, r.id))
+	}, r)) }), document.body);
+}
+function getHorizontalAlign(r, M, N) {
+	return N === "start" ? r.left : N === "end" ? r.right - M.width : r.left + r.width / 2 - M.width / 2;
+}
+function getVerticalAlign(r, M, N) {
+	return N === "start" ? r.top : N === "end" ? r.bottom - M.height : r.top + r.height / 2 - M.height / 2;
+}
+function Tooltip({ children: r, content: M, position: N = "top", delay: P = 120, className: F }) {
+	let I = useRef(null), L = useRef(null), R = useRef(null), [z, V] = useState(!1), [U, Y] = useState(null), X = () => {
+		R.current &&= (clearTimeout(R.current), null), R.current = window.setTimeout(() => {
+			V(!0);
+		}, P);
+	}, Z = () => {
+		R.current &&= (clearTimeout(R.current), null), V(!1);
+	};
+	return useLayoutEffect(() => {
+		if (!z || !I.current || !L.current) return;
+		let r = I.current.getBoundingClientRect(), M = L.current.getBoundingClientRect(), [P, F] = N.split("-"), R = F ?? "center", B = 0, V = 0;
+		P === "top" || P === "bottom" ? (B = P === "top" ? r.top - M.height - 4 : r.bottom + 4, V = getHorizontalAlign(r, M, R)) : (V = P === "left" ? r.left - M.width - 4 : r.right + 4, B = getVerticalAlign(r, M, R)), Y((r) => r && r.top === B && r.left === V ? r : {
+			top: B,
+			left: V
+		});
+	}, [z, N]), useEffect(() => () => {
+		R.current && clearTimeout(R.current);
+	}, []), /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+		ref: I,
+		className: "inline-flex",
+		onMouseEnter: X,
+		onMouseLeave: Z,
+		onFocus: X,
+		onBlur: Z,
+		children: r
+	}), z && createPortal(/* @__PURE__ */ jsx("div", {
+		ref: L,
+		role: "tooltip",
+		style: {
+			position: "fixed",
+			top: U?.top ?? 0,
+			left: U?.left ?? 0,
+			visibility: U ? "visible" : "hidden",
+			zIndex: 1e3
+		},
+		className: cn(F),
+		children: M
+	}), document.body)] });
+}
+const AccordionContext = createContext(null);
+function useAccordion() {
+	let r = useContext(AccordionContext);
+	if (!r) throw Error("useAccordion must be used inside Accordion");
+	return r;
+}
+function Accordion({ children: r, type: M = "single", defaultValue: N, className: P }) {
+	let [F, I] = useState(() => N ? M === "single" ? N ? new Set([N]) : /* @__PURE__ */ new Set() : Array.isArray(N) ? new Set(N) : new Set([N]) : /* @__PURE__ */ new Set());
+	return /* @__PURE__ */ jsx(AccordionContext.Provider, {
+		value: {
+			openItems: F,
+			toggleItem: (r) => {
+				I((N) => {
+					let P = new Set(N);
+					return M === "single" ? P.has(r) ? /* @__PURE__ */ new Set() : new Set([r]) : (P.has(r) ? P.delete(r) : P.add(r), P);
+				});
+			},
+			type: M
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className: P,
+			children: r
+		})
+	});
+}
+function AccordionItem({ value: r, children: M, className: N, ...P }) {
+	let { openItems: F } = useAccordion(), I = F.has(r);
+	return /* @__PURE__ */ jsx("div", {
+		className: N,
+		"data-state": I ? "open" : "closed",
+		"data-value": r,
+		...P,
+		children: M
+	});
+}
+function AccordionTrigger({ value: r, children: M, className: N, asChild: P = !1, onClick: I, ...R }) {
+	let { toggleItem: z, openItems: B } = useAccordion(), V = B.has(r), H = (M) => {
+		z(r), M && I && I(M);
+	};
+	return P && isValidElement(M) ? cloneElement(M, {
+		onClick: H,
+		"aria-expanded": V,
+		"data-state": V ? "open" : "closed"
+	}) : /* @__PURE__ */ jsx(Pressable, {
+		type: "button",
+		className: N,
+		onPress: () => H(void 0),
+		"aria-expanded": V,
+		"data-state": V ? "open" : "closed",
+		...R,
+		children: M
+	});
+}
+function AccordionContent({ value: r, children: M, className: N, ...P }) {
+	let { openItems: F } = useAccordion(), I = F.has(r);
+	return I ? /* @__PURE__ */ jsx("div", {
+		className: N,
+		"data-state": I ? "open" : "closed",
+		"data-value": r,
+		...P,
+		children: M
+	}) : null;
+}
+function Icon({ size: r = 16, className: M, viewBox: N = "0 0 24 24", children: P, ...F }) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: r,
+		height: r,
+		viewBox: N,
+		fill: "none",
+		"aria-hidden": !0,
+		focusable: "false",
+		className: cn("shrink-0", M),
+		...F,
+		children: P
+	});
+}
+function LogoIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 32 32",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M25.82 25.44C28.07 23.02 29.5 19.74 29.5 15.92C29.5 7.7 22.8 2 15.98 2C9.16 2 2.5 7.7 2.5 15.92C2.5 24.15 9.2 29.84 15.98 29.84C18.23 29.84 20.43 29.22 22.41 28.13L23.61 29.38C24 29.77 24.54 30 25.12 30C26.32 30 27.29 29.03 27.29 27.82C27.29 27.27 27.05 26.76 26.7 26.33L25.81 25.44H25.82ZM22.18 21.73L19.66 19.12C19.31 18.69 18.72 18.46 18.15 18.46C16.95 18.46 15.98 19.47 15.98 20.64C15.98 21.22 16.25 21.73 16.64 22.13L18.77 24.35C17.88 24.66 16.95 24.86 15.98 24.86C11.72 24.86 7.96 21.27 7.96 15.93C7.96 10.58 11.72 7 15.98 7C20.24 7 24.03 10.58 24.03 15.93C24.03 18.23 23.34 20.22 22.18 21.74V21.73Z",
+			fill: "currentColor"
+		})
+	});
+}
+function AirtableIcon(r) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 36 36",
+		...r,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M16.56 6.99L6.49 11.16C5.93 11.39 5.94 12.18 6.5 12.41L16.61 16.42C17.5 16.77 18.49 16.77 19.37 16.42L29.48 12.41C30.05 12.18 30.05 11.39 29.49 11.16L19.43 6.99C18.51 6.61 17.48 6.61 16.56 6.99",
+				fill: "#FCB400"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M18.89 18.6V28.62C18.89 29.09 19.37 29.42 19.81 29.25L31.07 24.87C31.2 24.82 31.31 24.74 31.38 24.63C31.46 24.51 31.5 24.38 31.5 24.25V14.23C31.5 13.76 31.02 13.43 30.58 13.61L19.31 17.98C19.19 18.03 19.08 18.11 19 18.23C18.93 18.34 18.89 18.47 18.89 18.6Z",
+				fill: "#18BFFF"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M16.26 19.12L12.91 20.74L12.57 20.9L5.52 24.28C5.07 24.5 4.5 24.17 4.5 23.67V14.28C4.5 14.1 4.59 13.94 4.72 13.82C4.77 13.77 4.82 13.73 4.89 13.7C5.06 13.59 5.3 13.57 5.5 13.65L16.2 17.89C16.74 18.1 16.79 18.87 16.26 19.12Z",
+				fill: "#F82B60"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M16.26 19.12L12.91 20.74L4.71 13.82C4.77 13.77 4.82 13.73 4.89 13.7C5.05 13.59 5.29 13.57 5.5 13.65L16.2 17.89C16.74 18.1 16.79 18.87 16.26 19.12Z",
+				fill: "black",
+				fillOpacity: "0.25"
+			})
+		]
+	});
+}
+function AsanaIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 16 16",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M11.46 8.33C9.99 8.33 8.8 9.5 8.8 10.94C8.8 12.38 9.99 13.55 11.46 13.55C12.92 13.55 14.11 12.38 14.11 10.94C14.11 9.5 12.92 8.33 11.46 8.33ZM4.55 8.33C3.08 8.33 1.89 9.5 1.89 10.94C1.89 12.38 3.08 13.55 4.55 13.55C6.02 13.55 7.21 12.38 7.21 10.94C7.21 9.5 6.02 8.33 4.55 8.33ZM10.66 5.06C10.66 6.5 9.47 7.67 8 7.67C6.53 7.67 5.34 6.5 5.34 5.06C5.34 3.61 6.53 2.44 8 2.44C9.47 2.44 10.66 3.61 10.66 5.06Z",
+			fill: "#F06A6A"
+		})
+	});
+}
+function ClickUpIcon(r) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 36 36",
+		...r,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M18.03 11.43L10.65 17.81L7.23 13.84L18.05 4.5L28.78 13.85L25.35 17.81L18.03 11.43Z",
+				fill: "url(#paint0_linear_5796_19610)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M6.76 25.23L10.91 22.05C13.11 24.93 15.46 26.26 18.06 26.26C20.67 26.26 22.93 24.95 25.03 22.08L29.24 25.19C26.21 29.32 22.43 31.5 18.06 31.5C13.69 31.5 9.89 29.33 6.76 25.23Z",
+				fill: "url(#paint1_linear_5796_19610)"
+			}),
+			/* @__PURE__ */ jsxs("defs", { children: [/* @__PURE__ */ jsxs("linearGradient", {
+				id: "paint0_linear_5796_19610",
+				x1: "6.83",
+				y1: "10.64",
+				x2: "28.36",
+				y2: "10.64",
+				gradientUnits: "userSpaceOnUse",
+				children: [/* @__PURE__ */ jsx("stop", { stopColor: "#FF02F0" }), /* @__PURE__ */ jsx("stop", {
+					offset: "1",
+					stopColor: "#FFC800"
+				})]
+			}), /* @__PURE__ */ jsxs("linearGradient", {
+				id: "paint1_linear_5796_19610",
+				x1: "6.37",
+				y1: "26.25",
+				x2: "28.82",
+				y2: "26.25",
+				gradientUnits: "userSpaceOnUse",
+				children: [/* @__PURE__ */ jsx("stop", { stopColor: "#8930FD" }), /* @__PURE__ */ jsx("stop", {
+					offset: "1",
+					stopColor: "#49CCF9"
+				})]
+			})] })
+		]
+	});
+}
+function GmailIcon(r) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 18 18",
+		...r,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M3.02 14.09H5.2V8.79L2.09 6.45V13.15C2.09 13.67 2.51 14.09 3.02 14.09Z",
+				fill: "#4285F4"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M12.68 14.09H14.87C15.38 14.09 15.8 13.67 15.8 13.15V6.45L12.68 8.79",
+				fill: "#34A853"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M12.68 4.74V8.79L15.8 6.45V5.21C15.8 4.05 14.48 3.39 13.56 4.08",
+				fill: "#FBBC04"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M5.2 8.79V4.74L8.94 7.54L12.68 4.74V8.79L8.94 11.59",
+				fill: "#EA4335"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M2.09 5.21V6.45L5.2 8.79V4.74L4.33 4.08C3.4 3.39 2.09 4.05 2.09 5.21Z",
+				fill: "#C5221F"
+			})
+		]
+	});
+}
+function GoogleCalendarIcon(r) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 36 36",
+		...r,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M25.1 10.89L18.71 10.18L10.89 10.89L10.18 18L10.89 25.1L18 25.99L25.1 25.1L25.82 17.82L25.1 10.89Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M13.81 21.92C13.28 21.56 12.91 21.04 12.71 20.34L13.94 19.83C14.06 20.26 14.25 20.59 14.53 20.83C14.81 21.06 15.14 21.18 15.54 21.18C15.94 21.18 16.29 21.05 16.58 20.81C16.87 20.56 17.01 20.25 17.01 19.87C17.01 19.48 16.86 19.17 16.55 18.92C16.25 18.68 15.87 18.56 15.41 18.56H14.7V17.34H15.33C15.73 17.34 16.06 17.23 16.33 17.02C16.6 16.8 16.74 16.51 16.74 16.14C16.74 15.81 16.62 15.55 16.37 15.35C16.13 15.15 15.83 15.05 15.46 15.05C15.09 15.05 14.81 15.15 14.59 15.34C14.38 15.54 14.22 15.77 14.13 16.05L12.91 15.55C13.07 15.09 13.36 14.68 13.8 14.33C14.24 13.98 14.79 13.81 15.47 13.81C15.97 13.81 16.41 13.9 16.81 14.1C17.21 14.29 17.52 14.56 17.75 14.9C17.97 15.24 18.09 15.63 18.09 16.05C18.09 16.49 17.98 16.86 17.77 17.16C17.56 17.46 17.3 17.69 17 17.85V17.93C17.4 18.09 17.73 18.35 17.99 18.7C18.25 19.04 18.38 19.46 18.38 19.94C18.38 20.42 18.25 20.86 18.01 21.23C17.76 21.61 17.43 21.91 17 22.13C16.56 22.34 16.08 22.45 15.54 22.45C14.92 22.46 14.34 22.28 13.81 21.92Z",
+				fill: "#1A73E8"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M21.37 15.8L20.03 16.78L19.35 15.75L21.78 14H22.71V22.26H21.37V15.8Z",
+				fill: "#1A73E8"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M25.1 31.5L31.5 25.1L28.3 23.68L25.1 25.1L23.68 28.3L25.1 31.5Z",
+				fill: "#EA4335"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M9.47 28.3L10.89 31.5H25.1V25.11H10.89L9.47 28.3Z",
+				fill: "#34A853"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M6.63 4.5C5.45 4.5 4.5 5.45 4.5 6.63V25.1L7.7 26.53L10.89 25.1V10.89H25.11L26.53 7.7L25.11 4.5H6.63Z",
+				fill: "#4285F4"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M4.5 25.11V29.37C4.5 30.55 5.45 31.5 6.63 31.5H10.89V25.11H4.5Z",
+				fill: "#188038"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M25.1 10.89V25.11H31.5V10.89L28.3 9.47L25.1 10.89Z",
+				fill: "#FBBC04"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M31.5 10.89V6.63C31.5 5.45 30.54 4.5 29.37 4.5H25.1V10.89H31.5Z",
+				fill: "#1967D2"
+			})
+		]
+	});
+}
+function JiraIcon(r) {
+	let M = useId(), N = `jira-gradient-0-${M}`, P = `jira-gradient-1-${M}`;
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 20 20",
+		...r,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M16.42 3H9.68C9.68 4.68 11.04 6.04 12.72 6.04H13.96V7.24C13.96 8.92 15.32 10.28 17 10.28V3.58C17 3.26 16.74 3 16.42 3Z",
+				fill: "#2684FF"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M13.08 6.36H6.34C6.34 8.04 7.7 9.4 9.38 9.4H10.62V10.6C10.62 12.28 11.98 13.64 13.66 13.64V6.94C13.66 6.62 13.4 6.36 13.08 6.36Z",
+				fill: `url(#${N})`
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M9.74 9.72H3C3 11.4 4.36 12.76 6.04 12.76H7.28V13.96C7.28 15.64 8.64 17 10.32 17V10.3C10.32 9.98 10.06 9.72 9.74 9.72Z",
+				fill: `url(#${P})`
+			}),
+			/* @__PURE__ */ jsxs("defs", { children: [/* @__PURE__ */ jsxs("linearGradient", {
+				id: N,
+				x1: "16.73",
+				y1: "3.02",
+				x2: "11.22",
+				y2: "8.67",
+				gradientUnits: "userSpaceOnUse",
+				children: [/* @__PURE__ */ jsx("stop", {
+					offset: "0.176",
+					stopColor: "#0052CC"
+				}), /* @__PURE__ */ jsx("stop", {
+					offset: "1",
+					stopColor: "#2684FF"
+				})]
+			}), /* @__PURE__ */ jsxs("linearGradient", {
+				id: P,
+				x1: "10.37",
+				y1: "9.75",
+				x2: "7.06",
+				y2: "12.97",
+				gradientUnits: "userSpaceOnUse",
+				children: [/* @__PURE__ */ jsx("stop", {
+					offset: "0.176",
+					stopColor: "#0052CC"
+				}), /* @__PURE__ */ jsx("stop", {
+					offset: "1",
+					stopColor: "#2684FF"
+				})]
+			})] })
+		]
+	});
+}
+function OutlookCalendarIcon(r) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 36 36",
+		...r,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M31.5 11.93V9.35C31.5 6.67 29.33 4.5 26.65 4.5H9.35C6.67 4.5 4.5 6.67 4.5 9.35V11.93H31.5Z",
+				fill: "url(#paint0_linear_5796_19583)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M4.5 11.91V26.65C4.5 29.33 6.67 31.5 9.35 31.5H26.65C29.33 31.5 31.5 29.33 31.5 26.65V11.91H4.5Z",
+				fill: "url(#paint1_linear_5796_19583)"
+			}),
+			/* @__PURE__ */ jsx("g", {
+				filter: "url(#filter0_d_5796_19583)",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M18.0186 25.5176C19.0579 25.5176 19.9004 24.6751 19.9004 23.6358C19.9004 22.5964 19.0579 21.7539 18.0186 21.7539C16.9793 21.7539 16.1367 22.5964 16.1367 23.6358C16.1367 24.6751 16.9793 25.5176 18.0186 25.5176Z",
+					fill: "#C7F4FF"
+				})
+			}),
+			/* @__PURE__ */ jsx("g", {
+				filter: "url(#filter1_d_5796_19583)",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M11.5987 25.5176C12.638 25.5176 13.4805 24.6751 13.4805 23.6358C13.4805 22.5964 12.638 21.7539 11.5987 21.7539C10.5593 21.7539 9.7168 22.5964 9.7168 23.6358C9.7168 24.6751 10.5593 25.5176 11.5987 25.5176Z",
+					fill: "#C7F4FF"
+				})
+			}),
+			/* @__PURE__ */ jsx("g", {
+				filter: "url(#filter2_d_5796_19583)",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M18.0186 19.5C19.0579 19.5 19.9004 18.6575 19.9004 17.6182C19.9004 16.5789 19.0579 15.7363 18.0186 15.7363C16.9793 15.7363 16.1367 16.5789 16.1367 17.6182C16.1367 18.6575 16.9793 19.5 18.0186 19.5Z",
+					fill: "#E3FAFF"
+				})
+			}),
+			/* @__PURE__ */ jsx("g", {
+				filter: "url(#filter3_d_5796_19583)",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M24.4385 19.5C25.4778 19.5 26.3203 18.6575 26.3203 17.6182C26.3203 16.5789 25.4778 15.7363 24.4385 15.7363C23.3992 15.7363 22.5566 16.5789 22.5566 17.6182C22.5566 18.6575 23.3992 19.5 24.4385 19.5Z",
+					fill: "#E3FAFF"
+				})
+			}),
+			/* @__PURE__ */ jsx("g", {
+				filter: "url(#filter4_d_5796_19583)",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M11.5987 19.5C12.638 19.5 13.4805 18.6575 13.4805 17.6182C13.4805 16.5789 12.638 15.7363 11.5987 15.7363C10.5593 15.7363 9.7168 16.5789 9.7168 17.6182C9.7168 18.6575 10.5593 19.5 11.5987 19.5Z",
+					fill: "#E3FAFF"
+				})
+			}),
+			/* @__PURE__ */ jsxs("defs", { children: [
+				/* @__PURE__ */ jsxs("filter", {
+					id: "filter0_d_5796_19583",
+					x: "14.4916",
+					y: "20.9113",
+					width: "7.05391",
+					height: "7.05391",
+					filterUnits: "userSpaceOnUse",
+					colorInterpolationFilters: "sRGB",
+					children: [
+						/* @__PURE__ */ jsx("feFlood", {
+							floodOpacity: "0",
+							result: "BackgroundImageFix"
+						}),
+						/* @__PURE__ */ jsx("feColorMatrix", {
+							in: "SourceAlpha",
+							type: "matrix",
+							values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+							result: "hardAlpha"
+						}),
+						/* @__PURE__ */ jsx("feOffset", { dy: "0.8" }),
+						/* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "0.82" }),
+						/* @__PURE__ */ jsx("feComposite", {
+							in2: "hardAlpha",
+							operator: "out"
+						}),
+						/* @__PURE__ */ jsx("feColorMatrix", {
+							type: "matrix",
+							values: "0 0 0 0 0.0156863 0 0 0 0 0.431373 0 0 0 0 0.788235 0 0 0 0.7 0"
+						}),
+						/* @__PURE__ */ jsx("feBlend", {
+							mode: "normal",
+							in2: "BackgroundImageFix",
+							result: "effect1_dropShadow_5796_19583"
+						}),
+						/* @__PURE__ */ jsx("feBlend", {
+							mode: "normal",
+							in: "SourceGraphic",
+							in2: "effect1_dropShadow_5796_19583",
+							result: "shape"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("filter", {
+					id: "filter1_d_5796_19583",
+					x: "8.07168",
+					y: "20.9113",
+					width: "7.05391",
+					height: "7.05391",
+					filterUnits: "userSpaceOnUse",
+					colorInterpolationFilters: "sRGB",
+					children: [
+						/* @__PURE__ */ jsx("feFlood", {
+							floodOpacity: "0",
+							result: "BackgroundImageFix"
+						}),
+						/* @__PURE__ */ jsx("feColorMatrix", {
+							in: "SourceAlpha",
+							type: "matrix",
+							values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+							result: "hardAlpha"
+						}),
+						/* @__PURE__ */ jsx("feOffset", { dy: "0.8" }),
+						/* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "0.82" }),
+						/* @__PURE__ */ jsx("feComposite", {
+							in2: "hardAlpha",
+							operator: "out"
+						}),
+						/* @__PURE__ */ jsx("feColorMatrix", {
+							type: "matrix",
+							values: "0 0 0 0 0.0156863 0 0 0 0 0.431373 0 0 0 0 0.788235 0 0 0 0.7 0"
+						}),
+						/* @__PURE__ */ jsx("feBlend", {
+							mode: "normal",
+							in2: "BackgroundImageFix",
+							result: "effect1_dropShadow_5796_19583"
+						}),
+						/* @__PURE__ */ jsx("feBlend", {
+							mode: "normal",
+							in: "SourceGraphic",
+							in2: "effect1_dropShadow_5796_19583",
+							result: "shape"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("filter", {
+					id: "filter2_d_5796_19583",
+					x: "14.4916",
+					y: "14.8937",
+					width: "7.05391",
+					height: "7.05391",
+					filterUnits: "userSpaceOnUse",
+					colorInterpolationFilters: "sRGB",
+					children: [
+						/* @__PURE__ */ jsx("feFlood", {
+							floodOpacity: "0",
+							result: "BackgroundImageFix"
+						}),
+						/* @__PURE__ */ jsx("feColorMatrix", {
+							in: "SourceAlpha",
+							type: "matrix",
+							values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+							result: "hardAlpha"
+						}),
+						/* @__PURE__ */ jsx("feOffset", { dy: "0.8" }),
+						/* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "0.82" }),
+						/* @__PURE__ */ jsx("feComposite", {
+							in2: "hardAlpha",
+							operator: "out"
+						}),
+						/* @__PURE__ */ jsx("feColorMatrix", {
+							type: "matrix",
+							values: "0 0 0 0 0.0156863 0 0 0 0 0.431373 0 0 0 0 0.788235 0 0 0 0.7 0"
+						}),
+						/* @__PURE__ */ jsx("feBlend", {
+							mode: "normal",
+							in2: "BackgroundImageFix",
+							result: "effect1_dropShadow_5796_19583"
+						}),
+						/* @__PURE__ */ jsx("feBlend", {
+							mode: "normal",
+							in: "SourceGraphic",
+							in2: "effect1_dropShadow_5796_19583",
+							result: "shape"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("filter", {
+					id: "filter3_d_5796_19583",
+					x: "20.9115",
+					y: "14.8937",
+					width: "7.05391",
+					height: "7.05391",
+					filterUnits: "userSpaceOnUse",
+					colorInterpolationFilters: "sRGB",
+					children: [
+						/* @__PURE__ */ jsx("feFlood", {
+							floodOpacity: "0",
+							result: "BackgroundImageFix"
+						}),
+						/* @__PURE__ */ jsx("feColorMatrix", {
+							in: "SourceAlpha",
+							type: "matrix",
+							values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+							result: "hardAlpha"
+						}),
+						/* @__PURE__ */ jsx("feOffset", { dy: "0.8" }),
+						/* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "0.82" }),
+						/* @__PURE__ */ jsx("feComposite", {
+							in2: "hardAlpha",
+							operator: "out"
+						}),
+						/* @__PURE__ */ jsx("feColorMatrix", {
+							type: "matrix",
+							values: "0 0 0 0 0.0156863 0 0 0 0 0.431373 0 0 0 0 0.788235 0 0 0 0.7 0"
+						}),
+						/* @__PURE__ */ jsx("feBlend", {
+							mode: "normal",
+							in2: "BackgroundImageFix",
+							result: "effect1_dropShadow_5796_19583"
+						}),
+						/* @__PURE__ */ jsx("feBlend", {
+							mode: "normal",
+							in: "SourceGraphic",
+							in2: "effect1_dropShadow_5796_19583",
+							result: "shape"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("filter", {
+					id: "filter4_d_5796_19583",
+					x: "8.07168",
+					y: "14.8937",
+					width: "7.05391",
+					height: "7.05391",
+					filterUnits: "userSpaceOnUse",
+					colorInterpolationFilters: "sRGB",
+					children: [
+						/* @__PURE__ */ jsx("feFlood", {
+							floodOpacity: "0",
+							result: "BackgroundImageFix"
+						}),
+						/* @__PURE__ */ jsx("feColorMatrix", {
+							in: "SourceAlpha",
+							type: "matrix",
+							values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+							result: "hardAlpha"
+						}),
+						/* @__PURE__ */ jsx("feOffset", { dy: "0.8" }),
+						/* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "0.82" }),
+						/* @__PURE__ */ jsx("feComposite", {
+							in2: "hardAlpha",
+							operator: "out"
+						}),
+						/* @__PURE__ */ jsx("feColorMatrix", {
+							type: "matrix",
+							values: "0 0 0 0 0.0156863 0 0 0 0 0.431373 0 0 0 0 0.788235 0 0 0 0.7 0"
+						}),
+						/* @__PURE__ */ jsx("feBlend", {
+							mode: "normal",
+							in2: "BackgroundImageFix",
+							result: "effect1_dropShadow_5796_19583"
+						}),
+						/* @__PURE__ */ jsx("feBlend", {
+							mode: "normal",
+							in: "SourceGraphic",
+							in2: "effect1_dropShadow_5796_19583",
+							result: "shape"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint0_linear_5796_19583",
+					x1: "4.5",
+					y1: "8.21",
+					x2: "31.38",
+					y2: "10.12",
+					gradientUnits: "userSpaceOnUse",
+					children: [/* @__PURE__ */ jsx("stop", { stopColor: "#0879D1" }), /* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: "#056EC9"
+					})]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint1_linear_5796_19583",
+					x1: "18",
+					y1: "11.91",
+					x2: "18",
+					y2: "31.5",
+					gradientUnits: "userSpaceOnUse",
+					children: [/* @__PURE__ */ jsx("stop", { stopColor: "#44CBFD" }), /* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: "#1195EA"
+					})]
+				})
+			] })
+		]
+	});
+}
+function OutlookIcon(r) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 36 36",
+		...r,
+		children: [/* @__PURE__ */ jsx("mask", {
+			id: "mask0_5796_22925",
+			style: { maskType: "luminance" },
+			maskUnits: "userSpaceOnUse",
+			x: "5",
+			y: "5",
+			width: "26",
+			height: "26",
+			children: /* @__PURE__ */ jsx("path", {
+				d: "M30.38 5.63H5.63V30.38H30.38V5.63Z",
+				fill: "white"
+			})
+		}), /* @__PURE__ */ jsxs("g", {
+			mask: "url(#mask0_5796_22925)",
+			children: [
+				/* @__PURE__ */ jsx("path", {
+					d: "M27.74 7.17H14.45C13.85 7.17 13.36 7.66 13.36 8.26V9.49L20.85 11.81L28.83 9.49V8.26C28.83 7.66 28.34 7.17 27.74 7.17Z",
+					fill: "#0364B8"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M30.1 19.09C30.22 18.73 30.31 18.37 30.37 18C30.37 17.82 30.28 17.65 30.12 17.55L30.11 17.55L30.1 17.55L21.72 12.77C21.69 12.75 21.65 12.73 21.61 12.71C21.28 12.55 20.9 12.55 20.58 12.71C20.54 12.73 20.5 12.75 20.47 12.77L12.08 17.55L12.08 17.55L12.07 17.55C11.91 17.65 11.81 17.82 11.81 18C11.88 18.37 11.97 18.73 12.08 19.09L20.97 25.59L30.1 19.09Z",
+					fill: "#0A2767"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M24.19 9.49H18.77L17.21 11.81L18.77 14.13L24.19 18.77H28.83V14.13L24.19 9.49Z",
+					fill: "#28A8EA"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M13.36 9.49H18.77V14.13H13.36V9.49Z",
+					fill: "#0078D4"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M24.19 9.49H28.83V14.13H24.19V9.49Z",
+					fill: "#50D9FF"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M24.19 18.77L18.77 14.13H13.36V18.77L18.77 23.41L27.15 24.78L24.19 18.77Z",
+					fill: "#0364B8"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M18.77 14.13H24.19V18.77H18.77V14.13Z",
+					fill: "#0078D4"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M13.36 18.77H18.77V23.42H13.36V18.77Z",
+					fill: "#064A8C"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M24.19 18.77H28.83V23.42H24.19V18.77Z",
+					fill: "#0078D4"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.5",
+					d: "M21.24 25.13L12.12 18.48L12.5 17.81C12.5 17.81 20.81 22.54 20.94 22.61C21.04 22.65 21.16 22.65 21.26 22.6L29.72 17.78L30.1 18.46L21.24 25.13Z",
+					fill: "#0A2767"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M30.12 18.45L30.11 18.45L30.11 18.45L21.72 23.23C21.38 23.45 20.96 23.47 20.59 23.3L23.51 27.21L29.9 28.6V28.61C30.2 28.39 30.38 28.04 30.38 27.67V18C30.38 18.18 30.28 18.35 30.12 18.45Z",
+					fill: "#1490DF"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.05",
+					d: "M30.38 27.67V27.1L22.66 22.7L21.72 23.23C21.38 23.45 20.96 23.47 20.59 23.3L23.51 27.21L29.9 28.6V28.61C30.2 28.39 30.38 28.04 30.38 27.67Z",
+					fill: "black"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.1",
+					d: "M30.34 27.97L21.87 23.14L21.72 23.23C21.38 23.45 20.96 23.48 20.59 23.3L23.51 27.22L29.9 28.61V28.61C30.11 28.45 30.27 28.22 30.34 27.97Z",
+					fill: "black"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M12.08 18.46V18.45H12.08L12.05 18.43C11.9 18.34 11.81 18.18 11.81 18V27.67C11.81 28.31 12.33 28.83 12.97 28.83C12.97 28.83 12.97 28.83 12.97 28.83H29.21C29.31 28.83 29.41 28.81 29.5 28.79C29.55 28.78 29.6 28.77 29.64 28.75C29.66 28.74 29.67 28.74 29.69 28.73C29.75 28.7 29.81 28.67 29.86 28.63C29.88 28.62 29.89 28.62 29.9 28.6L12.08 18.46Z",
+					fill: "#28A8EA"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.1",
+					d: "M19.55 24.7V12.07C19.55 11.5 19.08 11.04 18.52 11.04H13.38V16.81L12.08 17.55L12.08 17.55L12.07 17.55C11.91 17.65 11.81 17.82 11.81 18V25.73H18.52C19.08 25.73 19.55 25.27 19.55 24.7Z",
+					fill: "black"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.2",
+					d: "M18.77 25.48V12.84C18.77 12.27 18.31 11.81 17.74 11.81H13.38V16.8L12.08 17.55L12.08 17.55L12.07 17.55C11.91 17.64 11.81 17.81 11.81 18V26.51H17.74C18.31 26.51 18.77 26.04 18.77 25.48Z",
+					fill: "black"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.2",
+					d: "M18.77 23.93V12.84C18.77 12.27 18.31 11.81 17.74 11.81H13.38V16.8L12.08 17.55L12.08 17.55L12.07 17.55C11.91 17.64 11.81 17.81 11.81 18V24.96H17.74C18.31 24.96 18.77 24.5 18.77 23.93Z",
+					fill: "black"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.2",
+					d: "M18 23.93V12.84C18 12.27 17.54 11.81 16.97 11.81H13.38V16.8L12.08 17.55L12.08 17.55L12.07 17.55C11.91 17.64 11.81 17.81 11.81 18V24.96H16.97C17.54 24.96 18 24.5 18 23.93Z",
+					fill: "black"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M6.66 11.81H16.97C17.54 11.81 18 12.27 18 12.84V23.16C18 23.72 17.54 24.19 16.97 24.19H6.66C6.09 24.19 5.63 23.72 5.63 23.16V12.84C5.63 12.27 6.09 11.81 6.66 11.81Z",
+					fill: "#0078D4"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M8.62 16.04C8.89 15.46 9.33 14.97 9.89 14.64C10.5 14.29 11.2 14.11 11.91 14.13C12.56 14.12 13.21 14.28 13.77 14.61C14.31 14.93 14.73 15.4 15.01 15.95C15.31 16.57 15.45 17.24 15.44 17.92C15.46 18.64 15.3 19.34 15 19.99C14.72 20.56 14.27 21.05 13.72 21.37C13.13 21.71 12.46 21.88 11.79 21.87C11.12 21.88 10.46 21.72 9.88 21.38C9.34 21.06 8.9 20.6 8.62 20.04C8.33 19.43 8.17 18.77 8.19 18.09C8.17 17.38 8.32 16.68 8.62 16.04ZM9.97 19.33C10.12 19.7 10.36 20.02 10.68 20.26C11.01 20.49 11.4 20.6 11.8 20.59C12.23 20.61 12.64 20.49 12.99 20.25C13.31 20.01 13.55 19.69 13.69 19.32C13.84 18.91 13.91 18.47 13.91 18.03C13.91 17.59 13.84 17.15 13.7 16.73C13.57 16.35 13.34 16.02 13.03 15.77C12.69 15.52 12.27 15.39 11.85 15.4C11.44 15.39 11.04 15.51 10.71 15.74C10.38 15.98 10.13 16.3 9.98 16.67C9.64 17.53 9.64 18.48 9.97 19.33Z",
+					fill: "white"
+				})
+			]
+		})]
+	});
+}
+function SlackIcon(r) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 18 18",
+		...r,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M5.26 10.79C5.29 11.53 4.7 12.17 3.96 12.19C3.21 12.22 2.58 11.64 2.55 10.89C2.52 10.14 3.11 9.51 3.86 9.48L5.21 9.43L5.26 10.79Z",
+				fill: "#E01E5A"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M5.95 10.76C5.92 10.01 6.51 9.38 7.25 9.35C8 9.33 8.63 9.91 8.66 10.66L8.79 14.06C8.81 14.8 8.23 15.44 7.48 15.46C6.73 15.49 6.1 14.9 6.07 14.16L5.95 10.76Z",
+				fill: "#E01E5A"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M7.1 5.26C6.35 5.29 5.72 4.7 5.69 3.96C5.67 3.21 6.25 2.58 7 2.55C7.75 2.52 8.38 3.11 8.41 3.86L8.46 5.21L7.1 5.26Z",
+				fill: "#36C5F0"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M7.13 5.95C7.87 5.92 8.51 6.51 8.53 7.25C8.56 8 7.97 8.63 7.23 8.66L3.83 8.79C3.08 8.82 2.45 8.23 2.42 7.48C2.4 6.73 2.98 6.1 3.73 6.07L7.13 5.95Z",
+				fill: "#36C5F0"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M12.62 7.1C12.6 6.35 13.18 5.72 13.93 5.69C14.68 5.67 15.31 6.25 15.34 7C15.37 7.75 14.78 8.38 14.03 8.41L12.68 8.46L12.62 7.1Z",
+				fill: "#2EB67D"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M11.94 7.13C11.97 7.87 11.38 8.51 10.63 8.53C9.89 8.56 9.25 7.97 9.23 7.23L9.1 3.83C9.07 3.08 9.66 2.45 10.41 2.42C11.15 2.4 11.78 2.98 11.81 3.73L11.94 7.13Z",
+				fill: "#2EB67D"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M10.79 12.63C11.53 12.6 12.17 13.18 12.19 13.93C12.22 14.68 11.63 15.31 10.89 15.34C10.14 15.37 9.51 14.78 9.48 14.03L9.43 12.68L10.79 12.63Z",
+				fill: "#ECB22E"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M10.76 11.94C10.01 11.97 9.38 11.38 9.35 10.63C9.33 9.89 9.91 9.26 10.66 9.23L14.06 9.1C14.8 9.07 15.44 9.66 15.46 10.41C15.49 11.15 14.9 11.79 14.16 11.81L10.76 11.94Z",
+				fill: "#ECB22E"
+			})
+		]
+	});
+}
+function TeamsIcon(r) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 36 36",
+		...r,
+		children: [/* @__PURE__ */ jsxs("g", {
+			clipPath: "url(#clip0_5796_19548)",
+			children: [
+				/* @__PURE__ */ jsx("path", {
+					d: "M23.33 14.85H30.31C30.97 14.85 31.5 15.39 31.5 16.05V22.42C31.5 24.84 29.54 26.81 27.12 26.81H27.09C24.67 26.81 22.71 24.84 22.71 22.42V15.48C22.71 15.13 22.99 14.85 23.33 14.85Z",
+					fill: "#5059C9"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M28.05 13.59C29.61 13.59 30.87 12.33 30.87 10.76C30.87 9.2 29.61 7.93 28.05 7.93C26.49 7.93 25.22 9.2 25.22 10.76C25.22 12.33 26.49 13.59 28.05 13.59Z",
+					fill: "#5059C9"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M19.26 13.6C21.51 13.6 23.34 11.76 23.34 9.51C23.34 7.25 21.51 5.42 19.26 5.42C17 5.42 15.17 7.25 15.17 9.51C15.17 11.76 17 13.6 19.26 13.6Z",
+					fill: "#7B83EB"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M24.7 14.85H13.19C12.54 14.87 12.02 15.41 12.04 16.06V23.33C11.94 27.24 15.04 30.49 18.94 30.59C22.85 30.49 25.94 27.24 25.85 23.33V16.06C25.86 15.41 25.35 14.87 24.7 14.85Z",
+					fill: "#7B83EB"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.1",
+					d: "M19.5704 14.8545V25.0293C19.5673 25.4958 19.2851 25.915 18.8546 26.0927C18.7175 26.1508 18.5702 26.1807 18.4213 26.1808H12.588C12.5064 25.9731 12.4311 25.7655 12.3683 25.5515C12.1485 24.8295 12.0363 24.0789 12.0355 23.324V16.0626C12.0204 15.4112 12.5346 14.8706 13.1846 14.8545H19.5704Z",
+					fill: "black"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.2",
+					d: "M18.9425 14.8545V25.6585C18.9424 25.8077 18.9126 25.9553 18.8546 26.0927C18.6773 26.5241 18.259 26.8069 17.7934 26.81H12.8832C12.7764 26.6023 12.676 26.3947 12.588 26.1808C12.5001 25.9668 12.4311 25.7655 12.3683 25.5515C12.1485 24.8295 12.0363 24.0789 12.0355 23.324V16.0626C12.0204 15.4112 12.5346 14.8706 13.1846 14.8545H18.9425Z",
+					fill: "black"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.2",
+					d: "M18.9425 14.8545V24.4C18.9377 25.034 18.426 25.5467 17.7934 25.5515H12.3683C12.1485 24.8295 12.0363 24.0789 12.0355 23.324V16.0626C12.0204 15.4112 12.5346 14.8706 13.1845 14.8545H18.9425Z",
+					fill: "black"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.2",
+					d: "M18.3145 14.8545V24.4C18.3098 25.034 17.7981 25.5467 17.1655 25.5515H12.3683C12.1485 24.8295 12.0363 24.0789 12.0355 23.324V16.0626C12.0204 15.4112 12.5346 14.8706 13.1846 14.8545H18.3145Z",
+					fill: "black"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.1",
+					d: "M19.5694 11.6017V13.5838C19.4627 13.5901 19.3622 13.5964 19.2555 13.5964C19.1487 13.5964 19.0483 13.5901 18.9415 13.5838C18.7296 13.5697 18.5194 13.536 18.3136 13.4831C17.0421 13.1814 15.9916 12.2877 15.488 11.0794C15.4014 10.8765 15.3341 10.6658 15.2871 10.4502H18.4204C19.054 10.4526 19.567 10.9667 19.5694 11.6017Z",
+					fill: "black"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.2",
+					d: "M18.9418 12.2296V13.5825C18.7298 13.5684 18.5196 13.5347 18.3139 13.4818C17.0423 13.1801 15.9919 12.2864 15.4883 11.0781H17.7927C18.4263 11.0805 18.9394 11.5947 18.9418 12.2296Z",
+					fill: "black"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					opacity: "0.2",
+					d: "M18.3139 12.2296V13.4818C17.0423 13.1801 15.9919 12.2864 15.4883 11.0781H17.1648C17.7984 11.0805 18.3115 11.5947 18.3139 12.2296Z",
+					fill: "black"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M5.65 11.08H17.16C17.8 11.08 18.31 11.59 18.31 12.23V23.77C18.31 24.4 17.8 24.92 17.16 24.92H5.65C5.02 24.92 4.5 24.4 4.5 23.77V12.23C4.5 11.59 5.02 11.08 5.65 11.08Z",
+					fill: "url(#paint0_linear_5796_19548)"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M14.44 15.47H12.14V21.75H10.67V15.47H8.38V14.25H14.44V15.47Z",
+					fill: "white"
+				})
+			]
+		}), /* @__PURE__ */ jsxs("defs", { children: [/* @__PURE__ */ jsxs("linearGradient", {
+			id: "paint0_linear_5796_19548",
+			x1: "6.9",
+			y1: "10.18",
+			x2: "15.94",
+			y2: "25.81",
+			gradientUnits: "userSpaceOnUse",
+			children: [
+				/* @__PURE__ */ jsx("stop", { stopColor: "#5A62C3" }),
+				/* @__PURE__ */ jsx("stop", {
+					offset: "0.5",
+					stopColor: "#4D55BD"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: "1",
+					stopColor: "#3940AB"
+				})
+			]
+		}), /* @__PURE__ */ jsx("clipPath", {
+			id: "clip0_5796_19548",
+			children: /* @__PURE__ */ jsx("rect", {
+				width: "27",
+				height: "25.1695",
+				fill: "white",
+				transform: "translate(4.5 5.41504)"
+			})
+		})] })]
+	});
+}
+function CheckboxIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 16 16",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M4 8L6.5 10.5L12 5",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function CheckCircleEmptyIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 28 28",
+		...r,
+		children: /* @__PURE__ */ jsx("circle", {
+			cx: "14",
+			cy: "14",
+			r: "10.5",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		})
+	});
+}
+function CheckCircleIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 20 20",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M8.82 13.55L14.42 7.94L13.54 7.06L8.82 11.79L6.44 9.41L5.56 10.29L8.82 13.55ZM10 17.92C8.91 17.92 7.88 17.71 6.91 17.29C5.95 16.88 5.11 16.31 4.4 15.6C3.69 14.89 3.12 14.05 2.71 13.09C2.29 12.13 2.08 11.1 2.08 10C2.08 8.91 2.29 7.88 2.71 6.91C3.12 5.95 3.69 5.11 4.4 4.4C5.11 3.69 5.95 3.12 6.91 2.71C7.88 2.29 8.9 2.08 10 2.08C11.09 2.08 12.12 2.29 13.09 2.71C14.05 3.12 14.89 3.69 15.6 4.4C16.31 5.11 16.88 5.95 17.29 6.91C17.71 7.87 17.92 8.9 17.92 10C17.92 11.09 17.71 12.12 17.29 13.09C16.88 14.05 16.31 14.89 15.6 15.6C14.89 16.31 14.05 16.88 13.09 17.29C12.13 17.71 11.1 17.92 10 17.92ZM10 16.67C11.86 16.67 13.44 16.02 14.73 14.73C16.02 13.44 16.67 11.86 16.67 10C16.67 8.14 16.02 6.56 14.73 5.27C13.44 3.98 11.86 3.33 10 3.33C8.14 3.33 6.56 3.98 5.27 5.27C3.98 6.56 3.33 8.14 3.33 10C3.33 11.86 3.98 13.44 5.27 14.73C6.56 16.02 8.14 16.67 10 16.67Z",
+			fill: "currentColor"
+		})
+	});
+}
+function FireIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 20 20",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M5 11.67C5 12.51 5.2 13.29 5.6 14.01C6 14.73 6.55 15.32 7.26 15.76C7.19 15.64 7.15 15.53 7.12 15.41C7.1 15.29 7.08 15.17 7.08 15.04C7.08 14.66 7.16 14.29 7.31 13.95C7.45 13.61 7.67 13.3 7.94 13.03L10 11L12.07 13.03C12.34 13.3 12.55 13.61 12.7 13.95C12.84 14.29 12.92 14.66 12.92 15.04C12.92 15.17 12.9 15.29 12.88 15.41C12.85 15.53 12.81 15.64 12.74 15.76C13.45 15.32 14 14.73 14.4 14.01C14.8 13.29 15 12.51 15 11.67C15 10.97 14.87 10.32 14.61 9.7C14.36 9.08 13.99 8.53 13.5 8.04C13.22 8.22 12.93 8.36 12.63 8.45C12.32 8.54 12.01 8.58 11.69 8.58C10.82 8.58 10.07 8.3 9.44 7.73C8.81 7.16 8.45 6.45 8.35 5.61C7.81 6.06 7.33 6.53 6.92 7.03C6.5 7.52 6.15 8.02 5.86 8.54C5.58 9.05 5.36 9.57 5.22 10.1C5.07 10.62 5 11.15 5 11.67ZM10 12.75L8.81 13.92C8.66 14.07 8.54 14.24 8.46 14.44C8.38 14.63 8.33 14.83 8.33 15.04C8.33 15.49 8.5 15.87 8.82 16.19C9.15 16.51 9.54 16.67 10 16.67C10.46 16.67 10.85 16.51 11.18 16.19C11.5 15.87 11.67 15.49 11.67 15.04C11.67 14.82 11.63 14.61 11.54 14.43C11.46 14.24 11.34 14.07 11.19 13.92L10 12.75ZM9.58 3.25V5.25C9.58 5.84 9.79 6.33 10.19 6.73C10.6 7.13 11.1 7.33 11.69 7.33C11.94 7.33 12.19 7.29 12.42 7.19C12.65 7.09 12.86 6.95 13.05 6.76L13.42 6.39C14.3 6.96 14.99 7.71 15.49 8.64C16 9.58 16.25 10.59 16.25 11.67C16.25 13.41 15.64 14.89 14.43 16.1C13.22 17.31 11.74 17.92 10 17.92C8.26 17.92 6.78 17.31 5.57 16.1C4.36 14.89 3.75 13.41 3.75 11.67C3.75 10.06 4.27 8.51 5.32 7.02C6.37 5.53 7.79 4.27 9.58 3.25Z",
+			fill: "currentColor"
+		})
+	});
+}
+function InsightIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 16 16",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M8 4.52C8.72 6.07 10.03 7.31 11.64 8.01C10.03 8.71 8.72 9.95 8 11.5C7.27 9.95 5.97 8.71 4.36 8.01C5.97 7.31 7.27 6.07 8 4.52Z",
+			stroke: "currentColor",
+			strokeWidth: "1.25"
+		})
+	});
+}
+function NotFireIcon(r) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 20 20",
+		...r,
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M5 11.67C5 12.51 5.2 13.29 5.6 14.01C6 14.73 6.55 15.32 7.26 15.76C7.19 15.64 7.15 15.53 7.12 15.41C7.1 15.29 7.08 15.17 7.08 15.04C7.08 14.66 7.16 14.29 7.31 13.95C7.45 13.61 7.67 13.3 7.94 13.03L10 11L12.07 13.03C12.34 13.3 12.55 13.61 12.7 13.95C12.84 14.29 12.92 14.66 12.92 15.04C12.92 15.17 12.9 15.29 12.88 15.41C12.85 15.53 12.81 15.64 12.74 15.76C13.45 15.32 14 14.73 14.4 14.01C14.8 13.29 15 12.51 15 11.67C15 10.97 14.87 10.32 14.61 9.7C14.36 9.08 13.99 8.53 13.5 8.04C13.22 8.22 12.93 8.36 12.63 8.45C12.32 8.54 12.01 8.58 11.69 8.58C10.82 8.58 10.07 8.3 9.44 7.73C8.81 7.16 8.45 6.45 8.35 5.61C7.81 6.06 7.33 6.53 6.92 7.03C6.5 7.52 6.15 8.02 5.86 8.54C5.58 9.05 5.36 9.57 5.22 10.1C5.07 10.62 5 11.15 5 11.67ZM10 12.75L8.81 13.92C8.66 14.07 8.54 14.24 8.46 14.44C8.38 14.63 8.33 14.83 8.33 15.04C8.33 15.49 8.5 15.87 8.82 16.19C9.15 16.51 9.54 16.67 10 16.67C10.46 16.67 10.85 16.51 11.18 16.19C11.5 15.87 11.67 15.49 11.67 15.04C11.67 14.82 11.63 14.61 11.54 14.43C11.46 14.24 11.34 14.07 11.19 13.92L10 12.75ZM9.58 3.25V5.25C9.58 5.84 9.79 6.33 10.19 6.73C10.6 7.13 11.1 7.33 11.69 7.33C11.94 7.33 12.19 7.29 12.42 7.19C12.65 7.09 12.86 6.95 13.05 6.76L13.42 6.39C14.3 6.96 14.99 7.71 15.49 8.64C16 9.58 16.25 10.59 16.25 11.67C16.25 13.41 15.64 14.89 14.43 16.1C13.22 17.31 11.74 17.92 10 17.92C8.26 17.92 6.78 17.31 5.57 16.1C4.36 14.89 3.75 13.41 3.75 11.67C3.75 10.06 4.27 8.51 5.32 7.02C6.37 5.53 7.79 4.27 9.58 3.25Z",
+			fill: "currentColor"
+		}), /* @__PURE__ */ jsx("line", {
+			x1: "17.8311",
+			y1: "3.53033",
+			x2: "2.83111",
+			y2: "18.5303",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		})]
+	});
+}
+function ReadIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 20 20",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M10.77 1.78L17.32 5.69C17.5 5.81 17.65 5.97 17.76 6.16C17.86 6.36 17.92 6.57 17.92 6.79V15.58C17.92 16 17.77 16.35 17.48 16.65C17.19 16.94 16.83 17.08 16.41 17.08H3.59C3.17 17.08 2.81 16.94 2.52 16.65C2.23 16.35 2.08 16 2.08 15.58V6.79C2.08 6.57 2.14 6.36 2.24 6.16C2.35 5.97 2.5 5.81 2.68 5.69L9.23 1.78C9.46 1.65 9.72 1.58 10 1.58C10.28 1.58 10.54 1.65 10.77 1.78ZM10.13 10.46L16.5 6.67L10.13 2.87C10.09 2.84 10.04 2.83 10 2.83C9.96 2.83 9.92 2.84 9.87 2.87L3.5 6.67L9.87 10.46C9.92 10.49 9.96 10.5 10 10.5C10.04 10.5 10.09 10.49 10.13 10.46ZM9.23 11.54L3.33 8.02V15.58C3.33 15.65 3.36 15.71 3.41 15.76C3.45 15.81 3.52 15.83 3.59 15.83H16.41C16.49 15.83 16.55 15.81 16.6 15.76C16.64 15.71 16.67 15.65 16.67 15.58V8.02L10.77 11.54C10.54 11.67 10.28 11.74 10 11.74C9.72 11.74 9.46 11.67 9.23 11.54ZM10.77 15.83H16.67H3.33H10.77Z",
+			fill: "currentColor"
+		})
+	});
+}
+function UnreadIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 20 20",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M3.59 16.25C3.17 16.25 2.81 16.1 2.52 15.81C2.23 15.52 2.08 15.16 2.08 14.74V5.26C2.08 4.84 2.23 4.48 2.52 4.19C2.81 3.9 3.17 3.75 3.59 3.75H11.23C11.4 3.75 11.55 3.81 11.68 3.93C11.8 4.06 11.86 4.21 11.85 4.38C11.85 4.56 11.78 4.7 11.66 4.82C11.54 4.94 11.4 5 11.23 5H3.33V14.74C3.33 14.82 3.36 14.88 3.41 14.93C3.45 14.98 3.52 15 3.59 15H16.41C16.49 15 16.55 14.98 16.6 14.93C16.64 14.88 16.67 14.82 16.67 14.74V9.17C16.67 8.99 16.73 8.84 16.85 8.72C16.97 8.6 17.12 8.54 17.29 8.54C17.47 8.54 17.62 8.6 17.74 8.72C17.86 8.84 17.92 8.99 17.92 9.17V14.74C17.92 15.16 17.77 15.52 17.48 15.81C17.19 16.1 16.83 16.25 16.41 16.25H3.59ZM10 9.17L12.71 7.44C12.86 7.35 13.01 7.32 13.14 7.37C13.27 7.41 13.38 7.5 13.45 7.62C13.53 7.74 13.56 7.87 13.54 8C13.52 8.14 13.43 8.26 13.28 8.36L10.4 10.21C10.27 10.29 10.14 10.33 10 10.33C9.86 10.33 9.73 10.3 9.6 10.22L3.33 6.29V5L10 9.17ZM15.83 6.78C15.2 6.78 14.66 6.56 14.21 6.11C13.77 5.66 13.54 5.12 13.54 4.49C13.54 3.85 13.77 3.31 14.21 2.86C14.66 2.42 15.2 2.2 15.83 2.2C16.47 2.2 17.01 2.42 17.46 2.86C17.9 3.31 18.13 3.85 18.13 4.49C18.13 5.12 17.9 5.66 17.46 6.11C17.01 6.56 16.47 6.78 15.83 6.78Z",
+			fill: "currentColor"
+		})
+	});
+}
+function AccountIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M6.02 17.29C6.87 16.66 7.8 16.16 8.8 15.8C9.8 15.43 10.87 15.25 12 15.25C13.13 15.25 14.2 15.43 15.2 15.8C16.2 16.16 17.13 16.66 17.98 17.29C18.6 16.61 19.09 15.82 19.45 14.92C19.82 14.02 20 13.05 20 12C20 9.78 19.22 7.9 17.66 6.34C16.1 4.78 14.22 4 12 4C9.78 4 7.9 4.78 6.34 6.34C4.78 7.9 4 9.78 4 12C4 13.05 4.18 14.02 4.55 14.92C4.91 15.82 5.4 16.61 6.02 17.29ZM12 12.75C11.09 12.75 10.32 12.44 9.69 11.81C9.06 11.18 8.75 10.41 8.75 9.5C8.75 8.59 9.06 7.82 9.69 7.19C10.32 6.56 11.09 6.25 12 6.25C12.91 6.25 13.68 6.56 14.31 7.19C14.94 7.82 15.25 8.59 15.25 9.5C15.25 10.41 14.94 11.18 14.31 11.81C13.68 12.44 12.91 12.75 12 12.75ZM12 21.5C10.68 21.5 9.44 21.25 8.29 20.76C7.13 20.26 6.13 19.58 5.27 18.73C4.42 17.87 3.74 16.87 3.24 15.71C2.75 14.56 2.5 13.32 2.5 12C2.5 10.68 2.75 9.44 3.24 8.29C3.74 7.13 4.42 6.13 5.27 5.27C6.13 4.42 7.13 3.74 8.29 3.24C9.44 2.75 10.68 2.5 12 2.5C13.32 2.5 14.56 2.75 15.71 3.24C16.87 3.74 17.87 4.42 18.73 5.27C19.58 6.13 20.26 7.13 20.76 8.29C21.25 9.44 21.5 10.68 21.5 12C21.5 13.32 21.25 14.56 20.76 15.71C20.26 16.87 19.58 17.87 18.73 18.73C17.87 19.58 16.87 20.26 15.71 20.76C14.56 21.25 13.32 21.5 12 21.5ZM12 20C12.9 20 13.77 19.85 14.61 19.56C15.45 19.27 16.19 18.87 16.84 18.35C16.19 17.84 15.46 17.45 14.64 17.17C13.82 16.89 12.94 16.75 12 16.75C11.06 16.75 10.18 16.89 9.36 17.17C8.53 17.44 7.8 17.84 7.16 18.35C7.81 18.87 8.55 19.27 9.39 19.56C10.23 19.85 11.1 20 12 20ZM12 11.25C12.5 11.25 12.91 11.08 13.25 10.75C13.58 10.41 13.75 10 13.75 9.5C13.75 9 13.58 8.59 13.25 8.25C12.91 7.92 12.5 7.75 12 7.75C11.5 7.75 11.09 7.92 10.75 8.25C10.42 8.59 10.25 9 10.25 9.5C10.25 10 10.42 10.41 10.75 10.75C11.09 11.08 11.5 11.25 12 11.25Z",
+			fill: "currentColor"
+		})
+	});
+}
+function AddIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M11.5 12.5H6V11.5H11.5V6H12.5V11.5H18V12.5H12.5V18H11.5V12.5Z",
+			fill: "currentColor"
+		})
+	});
+}
+var DIRECTION_CLASS = {
+	down: "",
+	left: "rotate-90",
+	up: "-rotate-180",
+	right: "-rotate-90"
+};
+function ArrowIcon({ direction: r = "down", className: M, ...N }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		className: cn(DIRECTION_CLASS[r], M),
+		...N,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "m5 8.5 7 7 7-7",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function CalendarIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M5.31 21.5C4.8 21.5 4.38 21.33 4.03 20.98C3.68 20.63 3.5 20.2 3.5 19.69V6.31C3.5 5.8 3.68 5.38 4.03 5.03C4.38 4.68 4.8 4.5 5.31 4.5H6.69V2.38H8.23V4.5H15.81V2.38H17.31V4.5H18.69C19.2 4.5 19.63 4.68 19.98 5.03C20.33 5.38 20.5 5.8 20.5 6.31V19.69C20.5 20.2 20.33 20.63 19.98 20.98C19.63 21.33 19.2 21.5 18.69 21.5H5.31ZM5.31 20H18.69C18.77 20 18.84 19.97 18.9 19.9C18.97 19.84 19 19.77 19 19.69V10.31H5V19.69C5 19.77 5.03 19.84 5.1 19.9C5.16 19.97 5.23 20 5.31 20ZM5 8.81H19V6.31C19 6.23 18.97 6.16 18.9 6.1C18.84 6.03 18.77 6 18.69 6H5.31C5.23 6 5.16 6.03 5.1 6.1C5.03 6.16 5 6.23 5 6.31V8.81Z",
+			fill: "currentColor"
+		})
+	});
+}
+function CloseIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M6.4 18.65L5.35 17.6L10.95 12L5.35 6.4L6.4 5.35L12 10.95L17.6 5.35L18.65 6.4L13.05 12L18.65 17.6L17.6 18.65L12 13.05L6.4 18.65Z",
+			fill: "currentColor"
+		})
+	});
+}
+function CompactDensityIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M3.5 20.5V19H20.5V20.5H3.5ZM3.5 16.625V15.125H20.5V16.625H3.5ZM3.5 12.75V11.25H20.5V12.75H3.5ZM3.5 8.875V7.375H20.5V8.875H3.5ZM3.5 5V3.5H20.5V5H3.5Z",
+			fill: "currentColor"
+		})
+	});
+}
+function CopyIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M9.06 17.5C8.55 17.5 8.13 17.33 7.78 16.98C7.43 16.63 7.25 16.2 7.25 15.69V4.31C7.25 3.8 7.43 3.38 7.78 3.03C8.13 2.68 8.55 2.5 9.06 2.5H17.44C17.95 2.5 18.38 2.68 18.73 3.03C19.08 3.38 19.25 3.8 19.25 4.31V15.69C19.25 16.2 19.08 16.63 18.73 16.98C18.38 17.33 17.95 17.5 17.44 17.5H9.06ZM9.06 16H17.44C17.52 16 17.59 15.97 17.65 15.9C17.72 15.84 17.75 15.77 17.75 15.69V4.31C17.75 4.23 17.72 4.16 17.65 4.1C17.59 4.03 17.52 4 17.44 4H9.06C8.98 4 8.91 4.03 8.85 4.1C8.78 4.16 8.75 4.23 8.75 4.31V15.69C8.75 15.77 8.78 15.84 8.85 15.9C8.91 15.97 8.98 16 9.06 16ZM5.56 21C5.05 21 4.63 20.83 4.28 20.48C3.93 20.13 3.75 19.7 3.75 19.19V6.31H5.25V19.19C5.25 19.27 5.28 19.34 5.35 19.4C5.41 19.47 5.48 19.5 5.56 19.5H15.44V21H5.56Z",
+			fill: "currentColor"
+		})
+	});
+}
+function DarkIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M12.1 21.5C10.77 21.5 9.52 21.25 8.36 20.74C7.2 20.24 6.18 19.55 5.31 18.69C4.45 17.82 3.76 16.8 3.26 15.64C2.75 14.48 2.5 13.23 2.5 11.9C2.5 9.71 3.17 7.76 4.5 6.05C5.84 4.34 7.56 3.22 9.68 2.68C9.5 4.29 9.66 5.84 10.18 7.35C10.69 8.86 11.52 10.19 12.67 11.33C13.81 12.48 15.14 13.31 16.65 13.82C18.16 14.34 19.71 14.5 21.32 14.32C20.79 16.44 19.67 18.16 17.96 19.5C16.24 20.83 14.29 21.5 12.1 21.5ZM12.1 20C13.57 20 14.93 19.63 16.18 18.9C17.43 18.17 18.41 17.16 19.13 15.87C17.69 15.74 16.33 15.38 15.05 14.78C13.77 14.19 12.62 13.39 11.6 12.37C10.58 11.35 9.78 10.2 9.18 8.92C8.58 7.64 8.22 6.28 8.1 4.85C6.82 5.57 5.81 6.55 5.09 7.81C4.36 9.07 4 10.43 4 11.9C4 14.15 4.79 16.06 6.36 17.64C7.94 19.21 9.85 20 12.1 20Z",
+			fill: "currentColor"
+		})
+	});
+}
+function ExternalLinkIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 20 20",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M4.42 17.08C4 17.08 3.64 16.94 3.35 16.65C3.06 16.35 2.91 16 2.91 15.58V4.42C2.91 4 3.06 3.65 3.35 3.35C3.64 3.06 4 2.92 4.42 2.92H9.68V4.17H4.42C4.36 4.17 4.3 4.19 4.24 4.25C4.19 4.3 4.16 4.36 4.16 4.42V15.58C4.16 15.64 4.19 15.7 4.24 15.75C4.3 15.81 4.36 15.83 4.42 15.83H15.57C15.64 15.83 15.7 15.81 15.75 15.75C15.8 15.7 15.83 15.64 15.83 15.58V10.32H17.08V15.58C17.08 16 16.93 16.35 16.64 16.65C16.35 16.94 16 17.08 15.57 17.08H4.42ZM8.1 12.78L7.22 11.9L14.95 4.17H11.66V2.92H17.08V8.33H15.83V5.04L8.1 12.78Z",
+			fill: "currentColor"
+		})
+	});
+}
+function LightIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M11.25 5.21V1.52H12.75V5.21H11.25ZM17.32 7.73L16.29 6.7L18.87 4.04L19.94 5.12L17.32 7.73ZM18.79 12.75V11.25H22.48V12.75H18.79ZM11.25 22.48V18.8H12.75V22.48H11.25ZM6.7 7.69L4.04 5.13L5.13 4.07L7.74 6.68L6.7 7.69ZM18.86 19.96L16.29 17.3L17.31 16.29L19.93 18.84L18.86 19.96ZM1.52 12.75V11.25H5.21V12.75H1.52ZM5.12 19.96L4.07 18.87L6.65 16.29L7.19 16.81L7.75 17.33L5.12 19.96ZM12 17.5C10.48 17.5 9.18 16.97 8.11 15.9C7.04 14.83 6.5 13.53 6.5 12C6.5 10.48 7.03 9.18 8.1 8.11C9.17 7.04 10.47 6.5 12 6.5C13.53 6.5 14.82 7.03 15.89 8.1C16.97 9.17 17.5 10.47 17.5 12C17.5 13.53 16.97 14.82 15.9 15.89C14.83 16.97 13.53 17.5 12 17.5ZM12 16C13.1 16 14.04 15.61 14.83 14.83C15.61 14.04 16 13.1 16 12C16 10.9 15.61 9.96 14.83 9.18C14.04 8.39 13.1 8 12 8C10.9 8 9.96 8.39 9.18 9.18C8.39 9.96 8 10.9 8 12C8 13.1 8.39 14.04 9.18 14.83C9.96 15.61 10.9 16 12 16Z",
+			fill: "currentColor"
+		})
+	});
+}
+function MinusIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 16 16",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M3 8H13",
+			stroke: "currentColor",
+			strokeWidth: "1",
+			strokeLinecap: "round"
+		})
+	});
+}
+function MoreIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M10.5 6.23C10.5 5.82 10.65 5.47 10.94 5.17C11.23 4.88 11.59 4.73 12 4.73C12.41 4.73 12.77 4.88 13.06 5.17C13.35 5.47 13.5 5.82 13.5 6.23C13.5 6.64 13.35 7 13.06 7.29C12.77 7.58 12.41 7.73 12 7.73C11.59 7.73 11.23 7.58 10.94 7.29C10.65 7 10.5 6.64 10.5 6.23ZM10.5 12C10.5 11.59 10.65 11.23 10.94 10.94C11.23 10.65 11.59 10.5 12 10.5C12.41 10.5 12.77 10.65 13.06 10.94C13.35 11.23 13.5 11.59 13.5 12C13.5 12.41 13.35 12.77 13.06 13.06C12.77 13.35 12.41 13.5 12 13.5C11.59 13.5 11.23 13.35 10.94 13.06C10.65 12.77 10.5 12.41 10.5 12ZM10.5 17.77C10.5 17.36 10.65 17 10.94 16.71C11.23 16.42 11.59 16.27 12 16.27C12.41 16.27 12.77 16.42 13.06 16.71C13.35 17 13.5 17.36 13.5 17.77C13.5 18.18 13.35 18.54 13.06 18.83C12.77 19.12 12.41 19.27 12 19.27C11.59 19.27 11.23 19.12 10.94 18.83C10.65 18.54 10.5 18.18 10.5 17.77Z",
+			fill: "currentColor"
+		})
+	});
+}
+function NormalDensityIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M3.5 20.5V19H20.5V20.5H3.5ZM3.5 12.75V11.25H20.5V12.75H3.5ZM3.5 5V3.5H20.5V5H3.5Z",
+			fill: "currentColor"
+		})
+	});
+}
+function SearchIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...r,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function SummaryIcon(r) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 24 24",
+		...r,
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M3.5 17.6347V16.135H9.5V17.6347H3.5ZM3.5 12.7502V11.2502H13.5V12.7502H3.5ZM3.5 7.86547V6.36572H20.5V7.86547H3.5Z",
+			fill: "currentColor"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M17.12 12.22C17.87 13.84 19.23 15.13 20.91 15.85C19.23 16.57 17.87 17.86 17.13 19.48C16.38 17.86 15.02 16.57 13.34 15.85C15.02 15.13 16.38 13.84 17.12 12.22Z",
+			stroke: "currentColor",
+			strokeWidth: "1.25"
+		})]
+	});
+}
+function SystemIcon(r) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 24 24",
+		...r,
+		children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("path", {
+			d: "M10.07 13.93C9.49 13.34 8.96 12.72 8.48 12.07C8.01 11.42 7.59 10.72 7.21 9.99C7.05 10.31 6.94 10.63 6.87 10.97C6.81 11.31 6.77 11.65 6.77 12C6.77 13.45 7.28 14.69 8.3 15.7C9.31 16.72 10.55 17.23 12 17.23C12.34 17.23 12.68 17.19 13.03 17.11C13.37 17.04 13.7 16.93 14.01 16.78C13.28 16.41 12.58 15.99 11.93 15.51C11.28 15.04 10.66 14.51 10.07 13.93ZM11.14 12.88C11.96 13.7 12.87 14.41 13.88 15.01C14.88 15.61 15.95 16.08 17.1 16.43C16.46 17.16 15.7 17.73 14.82 18.14C13.94 18.55 13 18.75 12.02 18.75C10.14 18.75 8.55 18.1 7.24 16.79C5.93 15.48 5.27 13.88 5.27 12C5.27 11.02 5.48 10.09 5.89 9.2C6.29 8.32 6.86 7.56 7.6 6.93C7.95 8.07 8.42 9.14 9.02 10.15C9.62 11.15 10.32 12.06 11.14 12.88ZM18.3 14.49C18.05 14.43 17.81 14.36 17.56 14.28C17.32 14.2 17.08 14.11 16.84 14.02C16.98 13.7 17.08 13.37 17.15 13.03C17.22 12.7 17.25 12.35 17.25 12C17.25 10.55 16.74 9.31 15.71 8.29C14.69 7.26 13.45 6.75 12 6.75C11.65 6.75 11.3 6.78 10.96 6.85C10.63 6.91 10.3 7.01 9.98 7.15C9.89 6.91 9.8 6.68 9.73 6.44C9.66 6.21 9.6 5.97 9.53 5.72C9.93 5.56 10.33 5.45 10.75 5.37C11.17 5.29 11.59 5.25 12.02 5.25C13.9 5.25 15.5 5.91 16.81 7.21C18.12 8.52 18.77 10.12 18.77 12C18.77 12.43 18.74 12.86 18.66 13.28C18.58 13.69 18.46 14.1 18.3 14.49ZM11.25 3.13V0.44H12.75V3.13H11.25ZM11.25 23.56V20.87H12.75V23.56H11.25ZM18.8 6.26L17.74 5.19L19.62 3.33L20.69 4.38L18.8 6.26ZM4.38 20.68L3.31 19.62L5.19 17.74L6.26 18.81L4.38 20.68ZM20.86 12.75V11.25H23.56V12.75H20.86ZM0.44 12.75V11.25H3.13V12.75H0.44ZM19.62 20.69L17.74 18.81L18.8 17.74L20.67 19.62L19.62 20.69ZM5.19 6.26L3.32 4.38L4.38 3.31L6.26 5.19L5.19 6.26Z",
+			fill: "currentColor"
+		}) })
+	});
+}
+function Badge({ icon: r, label: M, action: N, className: P }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("w-fit", P),
+		children: [
+			r,
+			M,
+			N
+		]
+	});
+}
+function Card({ as: r, children: M, className: N, ...P }) {
+	return /* @__PURE__ */ jsx(r || "div", {
+		className: cn(N),
+		...P,
+		children: M
+	});
+}
+function CardLayout({ children: r, className: M }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("grid grid-cols-[auto_1fr] grid-rows-[auto_auto_1fr_auto]", M),
+		children: r
+	});
+}
+function CardSidebar({ children: r, className: M }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("row-span-4", M),
+		children: r
+	});
+}
+function CardHeader({ children: r, className: M }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("col-start-2 row-start-1", M),
+		children: r
+	});
+}
+function CardTitle({ children: r, className: M }) {
+	return /* @__PURE__ */ jsx("h3", {
+		className: cn("col-start-2 row-start-2", M),
+		children: r
+	});
+}
+function CardContent({ children: r, className: M }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("col-start-2 row-start-3", M),
+		children: r
+	});
+}
+function CardFooter({ children: r, className: M }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("col-start-2 row-start-4", M),
+		children: r
+	});
+}
+function DropdownMenuContent({ children: r, className: M }) {
+	let { close: P } = useDropdown();
+	return /* @__PURE__ */ jsx("div", {
+		role: "menu",
+		tabIndex: -1,
+		className: cn("flex flex-col outline-none", M),
+		children: Children.map(r, (r) => cloneElement(r, {
+			role: "menuitem",
+			onClick: (M) => {
+				r.props.onClick?.(M), r.props.closeOnClick !== !1 && P();
+			}
+		}))
+	});
+}
+function DropdownMenuItem(r) {
+	return /* @__PURE__ */ jsx(Button, { ...r });
+}
+function DropdownMenu({ trigger: r, children: M, className: N, ...P }) {
+	return /* @__PURE__ */ jsx(Dropdown, {
+		trigger: r,
+		...P,
+		children: /* @__PURE__ */ jsx(DropdownMenuContent, {
+			className: N,
+			children: M
+		})
+	});
+}
+const AVATAR_COLOR = {
+	amber: {
+		bg: "bg-amber-200",
+		text: "text-amber-700"
+	},
+	blue: {
+		bg: "bg-blue-200",
+		text: "text-blue-700"
+	},
+	cyan: {
+		bg: "bg-cyan-200",
+		text: "text-cyan-700"
+	},
+	emerald: {
+		bg: "bg-emerald-200",
+		text: "text-emerald-700"
+	},
+	fuchsia: {
+		bg: "bg-fuchsia-200",
+		text: "text-fuchsia-700"
+	},
+	green: {
+		bg: "bg-green-200",
+		text: "text-green-700"
+	},
+	indigo: {
+		bg: "bg-indigo-200",
+		text: "text-indigo-700"
+	},
+	lime: {
+		bg: "bg-lime-200",
+		text: "text-lime-700"
+	},
+	orange: {
+		bg: "bg-orange-200",
+		text: "text-orange-700"
+	},
+	pink: {
+		bg: "bg-pink-200",
+		text: "text-pink-700"
+	},
+	purple: {
+		bg: "bg-purple-200",
+		text: "text-purple-700"
+	},
+	rose: {
+		bg: "bg-rose-200",
+		text: "text-rose-700"
+	},
+	sky: {
+		bg: "bg-sky-200",
+		text: "text-sky-700"
+	},
+	slate: {
+		bg: "bg-slate-200",
+		text: "text-slate-700"
+	},
+	stone: {
+		bg: "bg-stone-200",
+		text: "text-stone-700"
+	},
+	teal: {
+		bg: "bg-teal-200",
+		text: "text-teal-700"
+	},
+	violet: {
+		bg: "bg-violet-200",
+		text: "text-violet-700"
+	}
+}, AVATAR_COLOR_KEYS = Object.keys(AVATAR_COLOR);
+var avatarStyles = tv({
+	base: "flex shrink-0 items-center justify-center rounded-full leading-none font-semibold select-none",
+	variants: { size: {
+		xs: "h-[16px] w-[16px] text-[0.5em]",
+		sm: "h-[20px] w-[20px] text-[0.625em]",
+		md: "h-[28px] w-[28px] text-[0.75em]",
+		lg: "h-[36px] w-[36px] text-[0.875em]"
+	} },
+	defaultVariants: { size: "sm" }
+});
+function getAvatarInitials(r) {
+	return getInitials(r.includes("@") ? r.split("@")[0] : r);
+}
+function Avatar({ name: r, size: M = "sm", className: N }) {
+	let P = getAvatarInitials(r), F = AVATAR_COLOR[pickColorFromPalette(r, AVATAR_COLOR_KEYS)];
+	return /* @__PURE__ */ jsx("div", {
+		role: "img",
+		"aria-label": r,
+		className: cn(avatarStyles({ size: M }), F.bg, F.text, N),
+		children: P
+	});
+}
+var statusBadgeStyles = tv({
+	slots: {
+		root: "flex items-center gap-1 rounded-full border py-1 pr-2.5 pl-2",
+		text: "truncate text-xs font-semibold whitespace-nowrap"
+	},
+	variants: { status: {
+		fire: {
+			root: "border-tertiary-400 bg-tertiary-50",
+			text: "text-tertiary-500-variant-2"
+		},
+		insight: {
+			root: "border-primary-400-variant-1 bg-primary-subtle",
+			text: "text-primary-600"
+		},
+		done: {
+			root: "border-success-base bg-success-light",
+			text: "text-success-base"
+		}
+	} }
+}), STATUS_CONFIG = {
+	fire: {
+		icon: FireIcon,
+		label: "Fire",
+		action: !0
+	},
+	insight: {
+		icon: InsightIcon,
+		label: "Insight",
+		action: !1
+	},
+	done: {
+		icon: FireIcon,
+		label: "Done",
+		action: !0
+	}
+};
+function StatusBadge({ className: r, label: M, status: N, onAction: P }) {
+	let F = STATUS_CONFIG[N], I = F.icon, L = statusBadgeStyles({ status: N });
+	return /* @__PURE__ */ jsx(Badge, {
+		className: cn(L.root(), r),
+		icon: /* @__PURE__ */ jsx(I, {
+			size: 16,
+			className: L.text()
+		}),
+		label: /* @__PURE__ */ jsx("span", {
+			className: L.text(),
+			children: "label" in F ? M ?? F.label : M
+		}),
+		action: F.action && P ? /* @__PURE__ */ jsx(Button, {
+			onClick: P,
+			"aria-label": "Dismiss status",
+			className: "group",
+			children: /* @__PURE__ */ jsx(CloseIcon, {
+				size: 16,
+				className: cn("group-hover:scale-90", L.text())
+			})
+		}) : void 0
+	});
+}
+function IconButton({ icon: r, ...M }) {
+	return /* @__PURE__ */ jsx(Button, {
+		...M,
+		children: cloneElement(r, {
+			"aria-hidden": !0,
+			focusable: !1,
+			className: cn("shrink-0", r.props.className)
+		})
+	});
+}
+function InfoTooltip({ className: r, ...M }) {
+	return /* @__PURE__ */ jsx(Tooltip, {
+		...M,
+		className: cn("rounded bg-neutral-700 px-2 py-1 text-[0.625em] font-medium whitespace-nowrap text-white", r)
+	});
+}
+function BulkActions({ totalItems: r = 0, selectedItems: M = 0, onSelectAll: N, actions: P, defaultDensity: F = "normal", onDensityChange: I, className: L }) {
+	let R = r > 0, z = R && M === r, B = R && M > 0 && M < r, V = z ? `All (${r})` : B ? `${M}/${r} selected` : `Select all (${r})`, [H, U] = useState(F ?? "normal"), W = () => {
+		N(!z);
+	};
+	function J(r) {
+		U(r), I?.(r);
+	}
+	let Y = {
+		fire: [{
+			id: "fire",
+			tooltip: "Mark as fire",
+			icon: /* @__PURE__ */ jsx(FireIcon, {
+				size: 20,
+				className: "text-tertiary-500-variant-2"
+			}),
+			onClick: P.fire.on
+		}, {
+			id: "not-fire",
+			tooltip: "Mark as not fire",
+			icon: /* @__PURE__ */ jsx(NotFireIcon, {
+				size: 20,
+				className: "text-neutral-900"
+			}),
+			onClick: P.fire.off
+		}],
+		done: [{
+			id: "done",
+			tooltip: "Mark as done",
+			icon: /* @__PURE__ */ jsx(CheckCircleIcon, {
+				size: 20,
+				className: "text-success-base"
+			}),
+			onClick: P.done.on
+		}, {
+			id: "not-done",
+			tooltip: "Mark as not done",
+			icon: /* @__PURE__ */ jsx(CheckCircleEmptyIcon, {
+				size: 20,
+				className: "text-neutral-900"
+			}),
+			onClick: P.done.off
+		}],
+		read: [{
+			id: "unread",
+			tooltip: "Mark as unread",
+			icon: /* @__PURE__ */ jsx(UnreadIcon, {
+				size: 20,
+				className: "text-primary-600-variant-1"
+			}),
+			onClick: P.read.on
+		}, {
+			id: "read",
+			tooltip: "Mark as read",
+			icon: /* @__PURE__ */ jsx(ReadIcon, {
+				size: 20,
+				className: "text-neutral-900"
+			}),
+			onClick: P.read.off
+		}]
+	}, X = [{
+		value: "normal",
+		tooltip: "Normal density",
+		icon: /* @__PURE__ */ jsx(NormalDensityIcon, { size: 20 })
+	}, {
+		value: "compact",
+		tooltip: "Compact density",
+		icon: /* @__PURE__ */ jsx(CompactDensityIcon, { size: 20 })
+	}];
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("grid grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-4", L),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "contents",
+				children: /* @__PURE__ */ jsx(Checkbox, {
+					checked: z,
+					indeterminate: B,
+					onChange: W,
+					icon: /* @__PURE__ */ jsx(CheckboxIcon, {
+						size: 16,
+						className: "text-white-variant-7"
+					}),
+					indeterminateIcon: /* @__PURE__ */ jsx(MinusIcon, {
+						size: 12,
+						className: "text-neutral-900"
+					}),
+					className: cn("[&_.checkbox-box]:rounded", "[&_.checkbox-box]:border", "[&_.checkbox-box]:border-neutral-600", "[&_.checkbox-box]:bg-white", "[&_.checkbox-box[data-state=checked]]:border-primary-500", "[&_.checkbox-box[data-state=checked]]:bg-primary-500", "[&_.checkbox-box[data-state=indeterminate]]:h-[18px]", "[&_.checkbox-box[data-state=indeterminate]]:w-[18px]", "[&_.checkbox-label]:flex", "[&_.checkbox-label]:items-center", "[&_.checkbox-label]:gap-1", "[&_.checkbox-label]:text-xs", "[&_.checkbox-label]:font-medium", "[&_.checkbox-label]:text-neutral-900"),
+					children: V
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex items-center divide-x divide-neutral-400-variant-1",
+				children: M > 0 && /* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(Y).map(([r, M]) => /* @__PURE__ */ jsx("div", {
+					className: "flex items-center gap-2 px-1",
+					children: M.map((r) => /* @__PURE__ */ jsx(InfoTooltip, {
+						content: r.tooltip,
+						className: "border-black",
+						children: /* @__PURE__ */ jsx(IconButton, {
+							className: "h-7 w-7 p-0",
+							onClick: r.onClick,
+							icon: r.icon
+						})
+					}, r.id))
+				}, r)) })
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-2",
+				children: X.map(({ value: r, tooltip: M, icon: N }) => {
+					let P = H === r;
+					return /* @__PURE__ */ jsx(InfoTooltip, {
+						content: M,
+						children: /* @__PURE__ */ jsx(IconButton, {
+							className: cn("h-7 w-7 p-0 text-neutral-900", P && "bg-white-variant-4"),
+							onClick: () => J(r),
+							icon: N,
+							"aria-pressed": P
+						})
+					}, r);
+				})
+			})
+		]
+	});
+}
+var filterButtonStyles = tv({
+	slots: {
+		root: "inline-flex w-fit items-center gap-1 rounded-full border px-2 py-1 transition-colors",
+		label: "flex shrink-0 items-center gap-1 text-xs whitespace-nowrap"
+	},
+	variants: { selected: {
+		false: {
+			root: "border-neutral-300 bg-white hover:border-neutral-500-variant-4 hover:bg-neutral-100",
+			label: "font-semibold text-neutral-800 opacity-80 group-hover:opacity-100"
+		},
+		true: {
+			root: "border-primary-400 bg-primary-light hover:border-primary-400",
+			label: "font-semibold text-neutral-900"
+		}
+	} },
+	defaultVariants: { selected: !1 }
+}), FILTER_BUTTON_META = {
+	fire: {
+		icon: FireIcon,
+		label: "Fire",
+		iconColor: "text-tertiary-500"
+	},
+	unread: {
+		icon: UnreadIcon,
+		label: "Unread",
+		iconColor: "text-primary-500"
+	},
+	insight: {
+		icon: InsightIcon,
+		label: "Insights",
+		iconColor: "text-primary-600"
+	},
+	done: {
+		icon: CheckCircleIcon,
+		label: "Done",
+		iconColor: "text-success-base"
+	}
+};
+function renderIcon(r, M) {
+	return typeof r == "function" ? /* @__PURE__ */ jsx(r, {
+		size: 20,
+		className: M
+	}) : cloneElement(r, {
+		size: r.props.size ?? 20,
+		className: cn(M, r.props.className)
+	});
+}
+function FilterButton({ variant: r = "custom", label: M, count: N, selected: P = !1, icon: F, classNames: I, disabled: L, ...R }) {
+	let z = !!L, B = filterButtonStyles({ selected: !z && P }), V = r === "custom" ? void 0 : FILTER_BUTTON_META[r], H = F ?? V?.icon, U = M ?? V?.label, W = z ? "text-neutral-400" : P && V?.iconColor ? V.iconColor : "text-neutral-900 opacity-60 group-hover:opacity-80";
+	return /* @__PURE__ */ jsxs(Button, {
+		...R,
+		disabled: L,
+		"aria-label": R["aria-label"] ?? U,
+		className: cn("group", B.root(), z && "border-neutral-300 bg-white hover:border-neutral-300", I?.root),
+		children: [H && /* @__PURE__ */ jsx("span", {
+			className: cn("flex items-center", I?.icon),
+			children: renderIcon(H, cn("shrink-0", W))
+		}), U && /* @__PURE__ */ jsxs("span", {
+			className: cn(B.label(), z && "font-medium text-neutral-400", I?.label),
+			children: [/* @__PURE__ */ jsx("span", { children: U }), typeof N == "number" && N > 0 && /* @__PURE__ */ jsxs("span", {
+				"aria-label": `${N} items`,
+				className: cn("font-medium", I?.count),
+				children: [
+					"(",
+					N,
+					")"
+				]
+			})]
+		})]
+	});
+}
+var iconCountButtonStyles = tv({
+	slots: {
+		root: "flex w-fit items-center",
+		bubble: "flex size-8 items-center justify-center rounded-full border-[1.5px] transition-opacity hover:opacity-70",
+		label: "flex items-center gap-1 transition-colors",
+		count: "font-normal",
+		icon: ""
+	},
+	variants: {
+		variant: {
+			primary: {},
+			secondary: {},
+			minimal: {
+				bubble: "border-none text-primary-500",
+				label: "text-primary-500"
+			}
+		},
+		status: {
+			active: {},
+			inactive: {}
+		},
+		orientation: {
+			vertical: {
+				root: "flex-col gap-1",
+				label: "text-[9px] font-semibold"
+			},
+			horizontal: {
+				root: "flex-row gap-2",
+				label: "text-xs font-semibold"
+			}
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "primary",
+			status: "active",
+			class: {
+				bubble: "border-primary-400-variant-1",
+				label: "text-neutral-900"
+			}
+		},
+		{
+			variant: "primary",
+			status: "inactive",
+			class: {
+				bubble: "border-neutral-300",
+				label: "opacity-60",
+				icon: "opacity-50 grayscale"
+			}
+		},
+		{
+			variant: "secondary",
+			status: "active",
+			class: {
+				bubble: "border-primary-400-variant-1",
+				label: "text-neutral-900",
+				icon: "text-success-base"
+			}
+		},
+		{
+			variant: "secondary",
+			status: "inactive",
+			class: {
+				bubble: "border-neutral-300",
+				label: "text-neutral-900"
+			}
+		}
+	],
+	defaultVariants: {
+		variant: "primary",
+		orientation: "vertical",
+		status: "active"
+	}
+});
+function IconCountButton({ icon: r, label: M, count: N, variant: P = "primary", orientation: I = "vertical", status: L = "active", alwaysShowCount: R = !1, classNames: z, ...B }) {
+	let V = iconCountButtonStyles({
+		variant: P,
+		orientation: I,
+		status: L
+	});
+	return /* @__PURE__ */ jsxs(Button, {
+		...B,
+		className: cn(V.root(), z?.root),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn(V.bubble(), z?.bubble),
+			children: cloneElement(r, {
+				size: r.props.size ?? 20,
+				className: cn(V.icon(), r.props.className)
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: cn(V.label(), z?.label),
+			children: [/* @__PURE__ */ jsx("span", { children: M }), typeof N == "number" && N > 0 && (R || L === "active") && /* @__PURE__ */ jsxs("span", {
+				"aria-label": `${N} items`,
+				className: cn(V.count(), z?.count),
+				children: [
+					"(",
+					N,
+					")"
+				]
+			})]
+		})]
+	});
+}
+function ActionMenuItem({ icon: r, label: M, className: N, selected: P, ...I }) {
+	return /* @__PURE__ */ jsxs(Button, {
+		className: cn("flex items-center justify-start gap-2 bg-white px-3 py-2 hover:bg-neutral-100", P && "bg-primary-500 text-white hover:bg-primary-bright", N),
+		...I,
+		children: [r && cloneElement(r, {
+			size: r.props.size ?? 16,
+			className: cn(P ? "text-white" : "text-neutral-600-variant-7", r.props.className)
+		}), /* @__PURE__ */ jsx("span", {
+			className: cn("text-xs font-medium transition-colors", P ? "text-white" : "text-neutral-900"),
+			children: M
+		})]
+	});
+}
+function ActionMenu({ trigger: r, children: M, className: N, ...P }) {
+	return /* @__PURE__ */ jsx(DropdownMenu, {
+		trigger: r,
+		className: cn("mt-1 min-w-20 overflow-hidden rounded border border-neutral-400 bg-white p-0 shadow-lg", N),
+		...P,
+		children: M
+	});
+}
+function CalendarPanel({ mode: r, selectedDate: M, selectedRange: N, onDateSelect: P, onRangeSelect: F }) {
+	let { close: I } = useDropdown(), L = useMemo(() => /* @__PURE__ */ new Date(), []), [R, z] = useState(null), V = useRef(M), H = useRef(N), [K, J] = useState(() => {
+		let P = r === "single" ? M ?? L : N.startDate ?? N.endDate ?? L;
+		return {
+			year: P.getFullYear(),
+			month: P.getMonth()
+		};
+	});
+	useEffect(() => {
+		(r === "single" && M && (!V.current || M.getTime() !== V.current.getTime()) || r === "range" && (N.startDate?.getTime() !== H.current.startDate?.getTime() || N.endDate?.getTime() !== H.current.endDate?.getTime())) && queueMicrotask(() => {
+			if (r === "single" && M) J({
+				year: M.getFullYear(),
+				month: M.getMonth()
+			});
+			else if (r === "range") {
+				let r = N.startDate ?? N.endDate;
+				r && J({
+					year: r.getFullYear(),
+					month: r.getMonth()
+				});
+			}
+		}), V.current = M, H.current = N;
+	}, [
+		r,
+		M,
+		N
+	]);
+	let Y = useMemo(() => generateCalendarDays(K.year, K.month), [K.year, K.month]);
+	function X(M) {
+		let L = M.getMonth(), R = M.getFullYear();
+		if ((L !== K.month || R !== K.year) && J({
+			year: R,
+			month: L
+		}), r === "single") P(M), I();
+		else {
+			let { startDate: r, endDate: P } = N;
+			!r || P || isDateBefore(M, r) ? F({
+				startDate: M,
+				endDate: null
+			}) : (F({
+				startDate: r,
+				endDate: M
+			}), I());
+		}
+	}
+	function Z() {
+		J((r) => r.month === 0 ? {
+			year: r.year - 1,
+			month: 11
+		} : {
+			year: r.year,
+			month: r.month - 1
+		});
+	}
+	function Q() {
+		J((r) => r.month === 11 ? {
+			year: r.year + 1,
+			month: 0
+		} : {
+			year: r.year,
+			month: r.month + 1
+		});
+	}
+	let $ = getWeekdays();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mt-1 w-fit rounded-lg border border-neutral-400 bg-white p-2 shadow-lg",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "mb-4 flex items-center justify-between border-b border-neutral-400 pb-2",
+				children: [
+					/* @__PURE__ */ jsx(IconButton, {
+						icon: /* @__PURE__ */ jsx(ArrowIcon, {
+							direction: "left",
+							size: 20
+						}),
+						onClick: Z,
+						className: "hover:opacity-60",
+						"aria-label": "Previous month"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "text-[10px] font-bold text-neutral-900",
+						children: [
+							getMonthName(K.month),
+							" ",
+							K.year
+						]
+					}),
+					/* @__PURE__ */ jsx(IconButton, {
+						icon: /* @__PURE__ */ jsx(ArrowIcon, {
+							direction: "right",
+							size: 20
+						}),
+						onClick: Q,
+						className: "hover:opacity-60",
+						"aria-label": "Next month"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-2 grid grid-cols-7",
+				children: $.map((r) => /* @__PURE__ */ jsx("div", {
+					className: "flex items-center justify-center p-0.5 text-[9px] font-bold text-neutral-900",
+					children: r
+				}, r))
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "grid grid-cols-7",
+				children: Y.map(({ day: P, date: F, isCurrentMonth: I }) => {
+					let L = isToday(F), B = r === "single" && M && isSameDay(F, M), { startDate: V, endDate: H } = N, U = V && isSameDay(F, V), W = H && isSameDay(F, H), G = V, K = R;
+					r === "range" && V && !H && R && !isDateBefore(R, V) ? (G = V, K = R) : (G = null, K = null);
+					let q = r === "range" && (isDateInRange(F, V, H) || isDateInRange(F, G, K)), J = B || U || W;
+					return /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						onClick: () => X(F),
+						onMouseEnter: () => {
+							r === "range" && V && !H && !isDateBefore(F, V) && z(F);
+						},
+						onMouseLeave: () => {
+							r === "range" && z(null);
+						},
+						className: "p-0.5",
+						"aria-label": `Select ${formatDate(F)}`,
+						"aria-selected": J || void 0,
+						children: /* @__PURE__ */ jsx("div", {
+							className: cn("flex h-[26px] w-[26px] items-center justify-center rounded text-[9px] transition-colors", J && "bg-primary-500 font-semibold text-white-variant-1 hover:bg-primary-500", q && !J && "bg-primary-500/20 font-normal text-neutral-900 hover:bg-primary-500/30", L && !J && !q && "border border-primary-500 bg-primary-500/15 font-bold hover:bg-primary-500 hover:text-white", !J && !q && (I ? "text-neutral-900 hover:bg-neutral-300" : "text-neutral-600 hover:bg-neutral-200")),
+							children: P
+						})
+					}, `${F.getFullYear()}-${F.getMonth()}-${P}`);
+				})
+			})
+		]
+	});
+}
+function DatePickerTrigger({ displayText: r, disabled: M, className: N, onClear: P }) {
+	let { close: F } = useDropdown();
+	function I() {
+		P(), F();
+	}
+	return /* @__PURE__ */ jsxs(Pressable, {
+		disabled: M,
+		className: cn("flex items-center justify-start gap-1 rounded-full border border-neutral-300 bg-white px-2 py-1 text-left text-xs text-neutral-800 transition-colors hover:border-neutral-500", r && "border-primary-400 hover:border-primary-500 hover:bg-primary-light", N),
+		children: [
+			/* @__PURE__ */ jsx(CalendarIcon, {
+				size: 20,
+				className: "text-primary-600"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "font-semibold",
+				children: "Date"
+			}),
+			r && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
+				className: "font-normal",
+				children: [
+					"(",
+					r,
+					")"
+				]
+			}), /* @__PURE__ */ jsx(StopPropagation, { children: /* @__PURE__ */ jsx(IconButton, {
+				icon: /* @__PURE__ */ jsx(CloseIcon, { size: 16 }),
+				onClick: I,
+				className: "text-neutral-600 hover:opacity-70",
+				"aria-label": "Close"
+			}) })] })
+		]
+	});
+}
+function DatePicker({ mode: r = "single", value: M, defaultValue: N, onChange: P, disabled: F = !1, className: I }) {
+	let [L, R] = useState(r === "single" && N ? N : null), [z, B] = useState(() => {
+		if (r === "range" && N) {
+			let r = N;
+			return {
+				startDate: r.startDate ?? null,
+				endDate: r.endDate ?? null
+			};
+		}
+		return {
+			startDate: null,
+			endDate: null
+		};
+	}), V = M !== void 0, H = r === "single" ? V ? M ?? null : L : null, U = r === "range" ? V ? M ?? {
+		startDate: null,
+		endDate: null
+	} : z : {
+		startDate: null,
+		endDate: null
+	};
+	function W(M) {
+		r === "single" && (V || R(M), P?.(M));
+	}
+	function q(M) {
+		r === "range" && (V || B(M), P?.(M));
+	}
+	function J() {
+		r === "single" ? W(null) : q({
+			startDate: null,
+			endDate: null
+		});
+	}
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Dropdown, {
+		trigger: /* @__PURE__ */ jsx(DatePickerTrigger, {
+			displayText: r === "single" ? formatDate(H) : formatDateRange(U.startDate, U.endDate),
+			disabled: F,
+			className: I,
+			onClear: J
+		}),
+		disabled: F,
+		children: /* @__PURE__ */ jsx(CalendarPanel, {
+			mode: r,
+			selectedDate: H,
+			selectedRange: U,
+			onDateSelect: W,
+			onRangeSelect: q
+		})
+	}) });
+}
+function FilterBar({ children: r, className: M }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-wrap items-center gap-2", M),
+		children: r.map((r) => cloneElement(r, {}))
+	});
+}
+var dividerStyles = tv({
+	base: "bg-neutral-400-variant-4",
+	variants: {
+		orientation: {
+			horizontal: "h-px w-full",
+			vertical: "h-full w-px"
+		},
+		inset: {
+			none: "",
+			sm: "",
+			md: "",
+			lg: ""
+		}
+	},
+	compoundVariants: [
+		{
+			orientation: "horizontal",
+			inset: "sm",
+			class: "mx-2"
+		},
+		{
+			orientation: "horizontal",
+			inset: "md",
+			class: "mx-4"
+		},
+		{
+			orientation: "horizontal",
+			inset: "lg",
+			class: "mx-6"
+		},
+		{
+			orientation: "vertical",
+			inset: "sm",
+			class: "my-2"
+		},
+		{
+			orientation: "vertical",
+			inset: "md",
+			class: "my-4"
+		},
+		{
+			orientation: "vertical",
+			inset: "lg",
+			class: "my-6"
+		}
+	],
+	defaultVariants: {
+		orientation: "horizontal",
+		inset: "none"
+	}
+});
+function Divider({ className: r, ...M }) {
+	return /* @__PURE__ */ jsx("div", { className: cn(dividerStyles(M), r) });
+}
+function IntegrationBar({ orientation: r = "vertical", children: M, onAddMore: N, className: P }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("size-full", r === "vertical" ? "overflow-x-hidden" : "overflow-y-hidden"),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("grid h-full w-full place-items-center gap-4", r === "vertical" ? "grid-cols-1" : "auto-cols-max grid-flow-col", P),
+			children: [
+				M.map((r) => cloneElement(r, {})),
+				/* @__PURE__ */ jsx(Divider, { orientation: r === "vertical" ? "horizontal" : "vertical" }),
+				/* @__PURE__ */ jsx(IconCountButton, {
+					icon: /* @__PURE__ */ jsx(AddIcon, { size: 24 }),
+					label: "Add",
+					onClick: N,
+					variant: "minimal",
+					orientation: r
+				})
+			]
+		})
+	});
+}
+var PREVIEW_ACTION_CONFIG = {
+	fire: {
+		className: "group",
+		icon: /* @__PURE__ */ jsx(FireIcon, {
+			size: 20,
+			className: "text-neutral-600 group-hover:text-tertiary-500-variant-2"
+		})
+	},
+	done: {
+		className: "group relative flex items-center justify-center w-6 h-6",
+		icon: /* @__PURE__ */ jsxs("span", {
+			className: "contents",
+			children: [/* @__PURE__ */ jsx(CheckCircleEmptyIcon, {
+				size: 24,
+				className: "block text-neutral-600-variant-1 group-hover:hidden"
+			}), /* @__PURE__ */ jsx(CheckCircleIcon, {
+				size: 24,
+				className: "hidden text-success-base group-hover:block"
+			})]
+		})
+	},
+	link: {
+		className: "",
+		icon: /* @__PURE__ */ jsx(ExternalLinkIcon, {
+			size: 20,
+			className: "text-primary-500"
+		})
+	}
+};
+function PreviewCard({ icon: r, sender: M, title: N, content: P, timestamp: F, workspace: I, read: L = !1, selected: R = !1, onSelect: z, checked: B = !1, onCheckedChange: V, statuses: H = {}, actions: U = {} }) {
+	return /* @__PURE__ */ jsx(Card, {
+		as: Pressable,
+		onPress: z,
+		className: cn("rounded-lg border-[1.5px] border-primary-400 bg-white-variant-5 p-4 hover:bg-primary-light", L && "border-neutral-400", R && "border-primary-500 bg-primary-light"),
+		children: /* @__PURE__ */ jsxs(CardLayout, {
+			className: "gap-x-2 gap-y-1",
+			children: [
+				/* @__PURE__ */ jsx(CardSidebar, { children: /* @__PURE__ */ jsx(StopPropagation, { children: /* @__PURE__ */ jsx(Checkbox, {
+					checked: B,
+					onChange: V,
+					icon: /* @__PURE__ */ jsx(CheckboxIcon, {
+						size: 16,
+						className: "text-white-variant-7"
+					}),
+					className: cn("[&_.checkbox-box]:rounded", "[&_.checkbox-box]:border", "[&_.checkbox-box]:border-neutral-600", "[&_.checkbox-box]:bg-white", "[&_.checkbox-box[data-state=checked]]:border-primary-500", "[&_.checkbox-box[data-state=checked]]:bg-primary-500", "[&_.checkbox-box[data-state=indeterminate]]:h-[18px]", "[&_.checkbox-box[data-state=indeterminate]]:w-[18px]", "[&_.checkbox-label]:flex", "[&_.checkbox-label]:items-center", "[&_.checkbox-label]:gap-1", "[&_.checkbox-label]:text-xs", "[&_.checkbox-label]:font-medium", "[&_.checkbox-label]:text-neutral-900")
+				}) }) }),
+				/* @__PURE__ */ jsxs(CardHeader, {
+					className: "grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-2",
+					children: [
+						r,
+						/* @__PURE__ */ jsx("span", {
+							className: cn("min-w-0 -translate-x-0.5 truncate text-sm font-bold text-neutral-900", L && "font-medium"),
+							children: M
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "text-xs leading-tight font-semibold tracking-wide whitespace-nowrap text-neutral-800",
+							children: F
+						}),
+						/* @__PURE__ */ jsx(InfoTooltip, {
+							content: I,
+							children: /* @__PURE__ */ jsx(Avatar, { name: I })
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx(CardTitle, {
+					className: cn("text-sm font-bold text-neutral-900", L && "font-medium"),
+					children: N
+				}),
+				/* @__PURE__ */ jsx(CardContent, {
+					className: "line-clamp-2 min-w-0 text-sm text-neutral-900",
+					children: P
+				}),
+				/* @__PURE__ */ jsxs(CardFooter, {
+					className: "mt-3 grid grid-cols-[minmax(0,1fr)_auto] items-center gap-1",
+					children: [H && /* @__PURE__ */ jsx("div", {
+						className: "flex gap-2",
+						children: /* @__PURE__ */ jsx(StopPropagation, { children: Object.keys(H).map((r) => {
+							let M = H[r];
+							return M ? /* @__PURE__ */ jsx(StatusBadge, {
+								status: r,
+								label: M.label,
+								onAction: M.onAction
+							}, r) : null;
+						}) })
+					}), U && /* @__PURE__ */ jsx("div", {
+						className: "flex gap-2",
+						children: /* @__PURE__ */ jsx(StopPropagation, { children: Object.keys(U).map((r) => {
+							let M = U[r];
+							if (!M) return null;
+							let N = PREVIEW_ACTION_CONFIG[r];
+							return /* @__PURE__ */ jsx(IconButton, {
+								...N,
+								onClick: M.onClick
+							}, r);
+						}) })
+					})]
+				})
+			]
+		})
+	});
+}
+function SearchInput({ value: r, defaultValue: M, placeholder: N = "Search...", onChange: P, onClear: F, disabled: I = !1, className: L }) {
+	let [R, z] = useState(M ?? ""), B = typeof r == "string", V = B ? r : R, H = V.length > 0;
+	function U(r) {
+		B || z(r), P?.(r);
+	}
+	function W() {
+		B || z(""), P?.(""), F?.();
+	}
+	return /* @__PURE__ */ jsxs("fieldset", {
+		role: "search",
+		className: cn("flex h-8 min-w-0 items-center gap-1.5 rounded-full border border-neutral-500-variant-3 bg-white px-2 py-1", I && "pointer-events-none bg-neutral-200 opacity-70", L),
+		disabled: I,
+		children: [
+			/* @__PURE__ */ jsx(SearchIcon, {
+				size: 20,
+				className: "text-neutral-700"
+			}),
+			/* @__PURE__ */ jsx(Input, {
+				type: "text",
+				value: V,
+				placeholder: N,
+				onChange: U,
+				className: cn("m-0 h-5 min-w-0 flex-1 border-0 p-0 text-xs text-neutral-800", "bg-transparent outline-none", "placeholder:text-neutral-700-alpha-60", I && "text-neutral-700-alpha-60")
+			}),
+			H && !I && /* @__PURE__ */ jsx(IconButton, {
+				type: "button",
+				icon: /* @__PURE__ */ jsx(CloseIcon, {
+					size: 16,
+					className: "text-neutral-700"
+				}),
+				onClick: W,
+				"aria-label": "Clear search",
+				className: "rounded p-0 transition-opacity hover:opacity-70"
+			})
+		]
+	});
+}
+export { AVATAR_COLOR, AVATAR_COLOR_KEYS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountIcon, ActionMenu, ActionMenuItem, AddIcon, AirtableIcon, ArrowIcon, AsanaIcon, Avatar, Badge, BulkActions, Button, CalendarIcon, Card, CardContent, CardFooter, CardHeader, CardLayout, CardSidebar, CardTitle, CheckCircleEmptyIcon, CheckCircleIcon, Checkbox, CheckboxIcon, ClickUpIcon, CloseIcon, CompactDensityIcon, CopyIcon, DarkIcon, DatePicker, Divider, Dropdown, DropdownContext, DropdownMenu, DropdownMenuItem, ExternalLinkIcon, FilterBar, FilterButton, FireIcon, GmailIcon, GoogleCalendarIcon, Icon, IconButton, IconCountButton, InfoTooltip, Input, InsightIcon, IntegrationBar, JiraIcon, LightIcon, LogoIcon, MinusIcon, MoreIcon, NormalDensityIcon, NotFireIcon, OutlookCalendarIcon, OutlookIcon, Pressable, PreviewCard, ReadIcon, SearchIcon, SearchInput, SlackIcon, StatusBadge, StopPropagation, SummaryIcon, SystemIcon, TeamsIcon, Toaster, Tooltip, UnreadIcon, capitalize, cn, colors, formatDate, formatDateRange, generateCalendarDays, getDaysInMonth, getFirstDayOfMonth, getInitials, getMonthName, getWeekdays, isDateBefore, isDateInRange, isSameDay, isToday, parseDate, pickColorFromPalette, stringHash, toMondayBased, toast, toastStore, useAccordion, useDropdown, useLongPress };
+
+//# sourceMappingURL=index.js.map