@qtalo/qt-ui-library 0.1.9 → 0.1.11

package/dist/index.js

@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
-import { Children, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Children, Fragment, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } 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 = {
@@ -326,20 +326,20 @@ var html$1 = freeze(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.a
 function createDOMPurify() {
 	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal(), t = (e) => createDOMPurify(e);
 	if (t.version = "3.3.1", t.removed = [], !e || !e.document || e.document.nodeType !== NODE_TYPE.document || !e.Element) return t.isSupported = !1, t;
-	let { document: n } = e, r = n, i = r.currentScript, { DocumentFragment: a, HTMLTemplateElement: o, Node: s, Element: c, NodeFilter: l, NamedNodeMap: u = e.NamedNodeMap || e.MozNamedAttrMap, HTMLFormElement: f, DOMParser: Ga, trustedTypes: p } = e, h = c.prototype, Ka = lookupGetter(h, "cloneNode"), qa = lookupGetter(h, "remove"), g = lookupGetter(h, "nextSibling"), O = lookupGetter(h, "childNodes"), Ja = lookupGetter(h, "parentNode");
+	let { document: n } = e, r = n, i = r.currentScript, { DocumentFragment: a, HTMLTemplateElement: o, Node: s, Element: c, NodeFilter: l, NamedNodeMap: u = e.NamedNodeMap || e.MozNamedAttrMap, HTMLFormElement: f, DOMParser: p, trustedTypes: eo } = e, h = c.prototype, g = lookupGetter(h, "cloneNode"), to = lookupGetter(h, "remove"), no = lookupGetter(h, "nextSibling"), O = lookupGetter(h, "childNodes"), ro = lookupGetter(h, "parentNode");
 	if (typeof o == "function") {
 		let e = n.createElement("template");
 		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
 	}
-	let A, Ya = "", { implementation: Xa, createNodeIterator: Za, createDocumentFragment: Qa, getElementsByTagName: $a } = n, { importNode: eo } = r, R = _createHooksMap();
-	t.isSupported = typeof entries == "function" && typeof Ja == "function" && Xa && Xa.createHTMLDocument !== void 0;
-	let { MUSTACHE_EXPR: to, ERB_EXPR: no, TMPLIT_EXPR: ro, DATA_ATTR: io, ARIA_ATTR: ao, IS_SCRIPT_OR_DATA: oo, ATTR_WHITESPACE: so, CUSTOM_ELEMENT: co } = EXPRESSIONS, { IS_ALLOWED_URI: lo } = EXPRESSIONS, B = null, uo = addToSet({}, [
+	let A, io = "", { implementation: ao, createNodeIterator: oo, createDocumentFragment: so, getElementsByTagName: co } = n, { importNode: lo } = r, R = _createHooksMap();
+	t.isSupported = typeof entries == "function" && typeof ro == "function" && ao && ao.createHTMLDocument !== void 0;
+	let { MUSTACHE_EXPR: uo, ERB_EXPR: fo, TMPLIT_EXPR: po, DATA_ATTR: mo, ARIA_ATTR: ho, IS_SCRIPT_OR_DATA: go, ATTR_WHITESPACE: _o, CUSTOM_ELEMENT: vo } = EXPRESSIONS, { IS_ALLOWED_URI: yo } = EXPRESSIONS, B = null, bo = addToSet({}, [
 		...html$1,
 		...svg$1,
 		...svgFilters,
 		...mathMl$1,
 		...text
-	]), V = null, fo = addToSet({}, [
+	]), V = null, xo = addToSet({}, [
 		...html,
 		...svg,
 		...mathMl,
@@ -363,7 +363,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: !1
 		}
-	})), po = null, mo = null, ho = Object.seal(create(null, {
+	})), So = null, Co = null, wo = Object.seal(create(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -376,7 +376,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: null
 		}
-	})), go = !0, _o = !0, vo = !1, yo = !0, bo = !1, xo = !0, So = !1, Co = !1, wo = !1, To = !1, Eo = !1, Do = !1, Oo = !0, ko = !1, Ao = !0, jo = !1, Mo = {}, No = null, Po = addToSet({}, [
+	})), To = !0, Eo = !0, Do = !1, Oo = !0, ko = !1, Ao = !0, jo = !1, Mo = !1, No = !1, Po = !1, Fo = !1, Io = !1, Lo = !0, Ro = !1, zo = !0, Bo = !1, Vo = {}, Ho = null, Uo = addToSet({}, [
 		"annotation-xml",
 		"audio",
 		"colgroup",
@@ -402,14 +402,14 @@ function createDOMPurify() {
 		"title",
 		"video",
 		"xmp"
-	]), Fo = null, Io = addToSet({}, [
+	]), Wo = null, Go = addToSet({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), Lo = null, Ro = addToSet({}, [
+	]), Ko = null, qo = addToSet({}, [
 		"alt",
 		"class",
 		"for",
@@ -424,58 +424,58 @@ function createDOMPurify() {
 		"value",
 		"style",
 		"xmlns"
-	]), zo = "http://www.w3.org/1998/Math/MathML", Bo = "http://www.w3.org/2000/svg", Vo = "http://www.w3.org/1999/xhtml", Ho = Vo, Uo = !1, Wo = null, Go = addToSet({}, [
-		zo,
-		Bo,
-		Vo
-	], stringToString), Ko = addToSet({}, [
+	]), Jo = "http://www.w3.org/1998/Math/MathML", Yo = "http://www.w3.org/2000/svg", Xo = "http://www.w3.org/1999/xhtml", Zo = Xo, Qo = !1, $o = null, es = addToSet({}, [
+		Jo,
+		Yo,
+		Xo
+	], stringToString), ts = addToSet({}, [
 		"mi",
 		"mo",
 		"mn",
 		"ms",
 		"mtext"
-	]), qo = addToSet({}, ["annotation-xml"]), Jo = addToSet({}, [
+	]), ns = addToSet({}, ["annotation-xml"]), rs = addToSet({}, [
 		"title",
 		"style",
 		"font",
 		"a",
 		"script"
-	]), Yo = null, Xo = ["application/xhtml+xml", "text/html"], Y = null, Zo = null, Qo = n.createElement("form"), $o = function(e) {
+	]), is = null, as = ["application/xhtml+xml", "text/html"], Y = null, os = null, ss = n.createElement("form"), cs = function(e) {
 		return e instanceof RegExp || e instanceof Function;
-	}, es = function() {
+	}, ls = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		if (!(Zo && Zo === e)) {
-			if ((!e || typeof e != "object") && (e = {}), e = clone(e), Yo = Xo.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Y = Yo === "application/xhtml+xml" ? stringToString : stringToLowerCase, B = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, Y) : uo, V = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, Y) : fo, Wo = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : Go, Lo = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(Ro), e.ADD_URI_SAFE_ATTR, Y) : Ro, Fo = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(Io), e.ADD_DATA_URI_TAGS, Y) : Io, No = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, Y) : Po, po = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, Y) : clone({}), mo = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, Y) : clone({}), Mo = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, go = e.ALLOW_ARIA_ATTR !== !1, _o = e.ALLOW_DATA_ATTR !== !1, vo = e.ALLOW_UNKNOWN_PROTOCOLS || !1, yo = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, bo = e.SAFE_FOR_TEMPLATES || !1, xo = e.SAFE_FOR_XML !== !1, So = e.WHOLE_DOCUMENT || !1, To = e.RETURN_DOM || !1, Eo = e.RETURN_DOM_FRAGMENT || !1, Do = e.RETURN_TRUSTED_TYPE || !1, wo = e.FORCE_BODY || !1, Oo = e.SANITIZE_DOM !== !1, ko = e.SANITIZE_NAMED_PROPS || !1, Ao = e.KEEP_CONTENT !== !1, jo = e.IN_PLACE || !1, lo = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, Ho = e.NAMESPACE || Vo, Ko = e.MATHML_TEXT_INTEGRATION_POINTS || Ko, qo = e.HTML_INTEGRATION_POINTS || qo, H = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && $o(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (H.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && $o(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (H.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (H.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), bo && (_o = !1), Eo && (To = !0), Mo && (B = addToSet({}, text), V = [], Mo.html === !0 && (addToSet(B, html$1), addToSet(V, html)), Mo.svg === !0 && (addToSet(B, svg$1), addToSet(V, svg), addToSet(V, xml)), Mo.svgFilters === !0 && (addToSet(B, svgFilters), addToSet(V, svg), addToSet(V, xml)), Mo.mathMl === !0 && (addToSet(B, mathMl$1), addToSet(V, mathMl), addToSet(V, xml))), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? ho.tagCheck = e.ADD_TAGS : (B === uo && (B = clone(B)), addToSet(B, e.ADD_TAGS, Y))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? ho.attributeCheck = e.ADD_ATTR : (V === fo && (V = clone(V)), addToSet(V, e.ADD_ATTR, Y))), e.ADD_URI_SAFE_ATTR && addToSet(Lo, e.ADD_URI_SAFE_ATTR, Y), e.FORBID_CONTENTS && (No === Po && (No = clone(No)), addToSet(No, e.FORBID_CONTENTS, Y)), e.ADD_FORBID_CONTENTS && (No === Po && (No = clone(No)), addToSet(No, e.ADD_FORBID_CONTENTS, Y)), Ao && (B["#text"] = !0), So && addToSet(B, [
+		if (!(os && os === e)) {
+			if ((!e || typeof e != "object") && (e = {}), e = clone(e), is = as.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Y = is === "application/xhtml+xml" ? stringToString : stringToLowerCase, B = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, Y) : bo, V = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, Y) : xo, $o = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : es, Ko = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(qo), e.ADD_URI_SAFE_ATTR, Y) : qo, Wo = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(Go), e.ADD_DATA_URI_TAGS, Y) : Go, Ho = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, Y) : Uo, So = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, Y) : clone({}), Co = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, Y) : clone({}), Vo = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, To = e.ALLOW_ARIA_ATTR !== !1, Eo = e.ALLOW_DATA_ATTR !== !1, Do = e.ALLOW_UNKNOWN_PROTOCOLS || !1, Oo = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, ko = e.SAFE_FOR_TEMPLATES || !1, Ao = e.SAFE_FOR_XML !== !1, jo = e.WHOLE_DOCUMENT || !1, Po = e.RETURN_DOM || !1, Fo = e.RETURN_DOM_FRAGMENT || !1, Io = e.RETURN_TRUSTED_TYPE || !1, No = e.FORCE_BODY || !1, Lo = e.SANITIZE_DOM !== !1, Ro = e.SANITIZE_NAMED_PROPS || !1, zo = e.KEEP_CONTENT !== !1, Bo = e.IN_PLACE || !1, yo = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, Zo = e.NAMESPACE || Xo, ts = e.MATHML_TEXT_INTEGRATION_POINTS || ts, ns = e.HTML_INTEGRATION_POINTS || ns, H = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && cs(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (H.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && cs(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (H.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (H.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), ko && (Eo = !1), Fo && (Po = !0), Vo && (B = addToSet({}, text), V = [], Vo.html === !0 && (addToSet(B, html$1), addToSet(V, html)), Vo.svg === !0 && (addToSet(B, svg$1), addToSet(V, svg), addToSet(V, xml)), Vo.svgFilters === !0 && (addToSet(B, svgFilters), addToSet(V, svg), addToSet(V, xml)), Vo.mathMl === !0 && (addToSet(B, mathMl$1), addToSet(V, mathMl), addToSet(V, xml))), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? wo.tagCheck = e.ADD_TAGS : (B === bo && (B = clone(B)), addToSet(B, e.ADD_TAGS, Y))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? wo.attributeCheck = e.ADD_ATTR : (V === xo && (V = clone(V)), addToSet(V, e.ADD_ATTR, Y))), e.ADD_URI_SAFE_ATTR && addToSet(Ko, e.ADD_URI_SAFE_ATTR, Y), e.FORBID_CONTENTS && (Ho === Uo && (Ho = clone(Ho)), addToSet(Ho, e.FORBID_CONTENTS, Y)), e.ADD_FORBID_CONTENTS && (Ho === Uo && (Ho = clone(Ho)), addToSet(Ho, e.ADD_FORBID_CONTENTS, Y)), zo && (B["#text"] = !0), jo && addToSet(B, [
 				"html",
 				"head",
 				"body"
-			]), B.table && (addToSet(B, ["tbody"]), delete po.tbody), e.TRUSTED_TYPES_POLICY) {
+			]), B.table && (addToSet(B, ["tbody"]), delete So.tbody), e.TRUSTED_TYPES_POLICY) {
 				if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw typeErrorCreate("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
 				if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw typeErrorCreate("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
-				A = e.TRUSTED_TYPES_POLICY, Ya = A.createHTML("");
-			} else A === void 0 && (A = _createTrustedTypesPolicy(p, i)), A !== null && typeof Ya == "string" && (Ya = A.createHTML(""));
-			freeze && freeze(e), Zo = e;
+				A = e.TRUSTED_TYPES_POLICY, io = A.createHTML("");
+			} else A === void 0 && (A = _createTrustedTypesPolicy(eo, i)), A !== null && typeof io == "string" && (io = A.createHTML(""));
+			freeze && freeze(e), os = e;
 		}
-	}, ts = addToSet({}, [
+	}, us = addToSet({}, [
 		...svg$1,
 		...svgFilters,
 		...svgDisallowed
-	]), ns = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), rs = function(e) {
-		let t = Ja(e);
+	]), ds = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), fs = function(e) {
+		let t = ro(e);
 		(!t || !t.tagName) && (t = {
-			namespaceURI: Ho,
+			namespaceURI: Zo,
 			tagName: "template"
 		});
 		let n = stringToLowerCase(e.tagName), r = stringToLowerCase(t.tagName);
-		return Wo[e.namespaceURI] ? e.namespaceURI === Bo ? t.namespaceURI === Vo ? n === "svg" : t.namespaceURI === zo ? n === "svg" && (r === "annotation-xml" || Ko[r]) : !!ts[n] : e.namespaceURI === zo ? t.namespaceURI === Vo ? n === "math" : t.namespaceURI === Bo ? n === "math" && qo[r] : !!ns[n] : e.namespaceURI === Vo ? t.namespaceURI === Bo && !qo[r] || t.namespaceURI === zo && !Ko[r] ? !1 : !ns[n] && (Jo[n] || !ts[n]) : !!(Yo === "application/xhtml+xml" && Wo[e.namespaceURI]) : !1;
-	}, is = function(e) {
+		return $o[e.namespaceURI] ? e.namespaceURI === Yo ? t.namespaceURI === Xo ? n === "svg" : t.namespaceURI === Jo ? n === "svg" && (r === "annotation-xml" || ts[r]) : !!us[n] : e.namespaceURI === Jo ? t.namespaceURI === Xo ? n === "math" : t.namespaceURI === Yo ? n === "math" && ns[r] : !!ds[n] : e.namespaceURI === Xo ? t.namespaceURI === Yo && !ns[r] || t.namespaceURI === Jo && !ts[r] ? !1 : !ds[n] && (rs[n] || !us[n]) : !!(is === "application/xhtml+xml" && $o[e.namespaceURI]) : !1;
+	}, ps = function(e) {
 		arrayPush(t.removed, { element: e });
 		try {
-			Ja(e).removeChild(e);
+			ro(e).removeChild(e);
 		} catch {
-			qa(e);
+			to(e);
 		}
-	}, as = function(e, n) {
+	}, ms = function(e, n) {
 		try {
 			arrayPush(t.removed, {
 				attribute: n.getAttributeNode(e),
@@ -487,87 +487,87 @@ function createDOMPurify() {
 				from: n
 			});
 		}
-		if (n.removeAttribute(e), e === "is") if (To || Eo) try {
-			is(n);
+		if (n.removeAttribute(e), e === "is") if (Po || Fo) try {
+			ps(n);
 		} catch {}
 		else try {
 			n.setAttribute(e, "");
 		} catch {}
-	}, os = function(e) {
+	}, hs = function(e) {
 		let t = null, r = null;
-		if (wo) e = "<remove></remove>" + e;
+		if (No) e = "<remove></remove>" + e;
 		else {
 			let t = stringMatch(e, /^[\r\n\t ]+/);
 			r = t && t[0];
 		}
-		Yo === "application/xhtml+xml" && Ho === Vo && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
+		is === "application/xhtml+xml" && Zo === Xo && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
 		let i = A ? A.createHTML(e) : e;
-		if (Ho === Vo) try {
-			t = new Ga().parseFromString(i, Yo);
+		if (Zo === Xo) try {
+			t = new p().parseFromString(i, is);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = Xa.createDocument(Ho, "template", null);
+			t = ao.createDocument(Zo, "template", null);
 			try {
-				t.documentElement.innerHTML = Uo ? Ya : i;
+				t.documentElement.innerHTML = Qo ? io : i;
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), Ho === Vo ? $a.call(t, So ? "html" : "body")[0] : So ? t.documentElement : a;
-	}, ss = function(e) {
-		return Za.call(e.ownerDocument || e, e, l.SHOW_ELEMENT | l.SHOW_COMMENT | l.SHOW_TEXT | l.SHOW_PROCESSING_INSTRUCTION | l.SHOW_CDATA_SECTION, null);
-	}, cs = function(e) {
+		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), Zo === Xo ? co.call(t, jo ? "html" : "body")[0] : jo ? t.documentElement : a;
+	}, gs = function(e) {
+		return oo.call(e.ownerDocument || e, e, l.SHOW_ELEMENT | l.SHOW_COMMENT | l.SHOW_TEXT | l.SHOW_PROCESSING_INSTRUCTION | l.SHOW_CDATA_SECTION, null);
+	}, _s = function(e) {
 		return e instanceof f && (typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || !(e.attributes instanceof u) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function");
-	}, ls = function(e) {
+	}, vs = function(e) {
 		return typeof s == "function" && e instanceof s;
 	};
-	function us(e, n, r) {
+	function ys(e, n, r) {
 		arrayForEach(e, (e) => {
-			e.call(t, n, r, Zo);
+			e.call(t, n, r, os);
 		});
 	}
-	let ds = function(e) {
+	let bs = function(e) {
 		let n = null;
-		if (us(R.beforeSanitizeElements, e, null), cs(e)) return is(e), !0;
+		if (ys(R.beforeSanitizeElements, e, null), _s(e)) return ps(e), !0;
 		let r = Y(e.nodeName);
-		if (us(R.uponSanitizeElement, e, {
+		if (ys(R.uponSanitizeElement, e, {
 			tagName: r,
 			allowedTags: B
-		}), xo && e.hasChildNodes() && !ls(e.firstElementChild) && regExpTest(/<[/\w!]/g, e.innerHTML) && regExpTest(/<[/\w!]/g, e.textContent) || e.nodeType === NODE_TYPE.progressingInstruction || xo && e.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, e.data)) return is(e), !0;
-		if (!(ho.tagCheck instanceof Function && ho.tagCheck(r)) && (!B[r] || po[r])) {
-			if (!po[r] && ps(r) && (H.tagNameCheck instanceof RegExp && regExpTest(H.tagNameCheck, r) || H.tagNameCheck instanceof Function && H.tagNameCheck(r))) return !1;
-			if (Ao && !No[r]) {
-				let t = Ja(e) || e.parentNode, n = O(e) || e.childNodes;
+		}), Ao && e.hasChildNodes() && !vs(e.firstElementChild) && regExpTest(/<[/\w!]/g, e.innerHTML) && regExpTest(/<[/\w!]/g, e.textContent) || e.nodeType === NODE_TYPE.progressingInstruction || Ao && e.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, e.data)) return ps(e), !0;
+		if (!(wo.tagCheck instanceof Function && wo.tagCheck(r)) && (!B[r] || So[r])) {
+			if (!So[r] && Ss(r) && (H.tagNameCheck instanceof RegExp && regExpTest(H.tagNameCheck, r) || H.tagNameCheck instanceof Function && H.tagNameCheck(r))) return !1;
+			if (zo && !Ho[r]) {
+				let t = ro(e) || e.parentNode, n = O(e) || e.childNodes;
 				if (n && t) {
 					let r = n.length;
 					for (let i = r - 1; i >= 0; --i) {
-						let r = Ka(n[i], !0);
-						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, g(e));
+						let r = g(n[i], !0);
+						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, no(e));
 					}
 				}
 			}
-			return is(e), !0;
+			return ps(e), !0;
 		}
-		return e instanceof c && !rs(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (is(e), !0) : (bo && e.nodeType === NODE_TYPE.text && (n = e.textContent, arrayForEach([
-			to,
-			no,
-			ro
+		return e instanceof c && !fs(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (ps(e), !0) : (ko && e.nodeType === NODE_TYPE.text && (n = e.textContent, arrayForEach([
+			uo,
+			fo,
+			po
 		], (e) => {
 			n = stringReplace(n, e, " ");
-		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), us(R.afterSanitizeElements, e, null), !1);
-	}, fs = function(e, t, r) {
-		if (Oo && (t === "id" || t === "name") && (r in n || r in Qo)) return !1;
-		if (!(_o && !mo[t] && regExpTest(io, t)) && !(go && regExpTest(ao, t)) && !(ho.attributeCheck instanceof Function && ho.attributeCheck(t, e))) {
-			if (!V[t] || mo[t]) {
-				if (!(ps(e) && (H.tagNameCheck instanceof RegExp && regExpTest(H.tagNameCheck, e) || H.tagNameCheck instanceof Function && H.tagNameCheck(e)) && (H.attributeNameCheck instanceof RegExp && regExpTest(H.attributeNameCheck, t) || H.attributeNameCheck instanceof Function && H.attributeNameCheck(t, e)) || t === "is" && H.allowCustomizedBuiltInElements && (H.tagNameCheck instanceof RegExp && regExpTest(H.tagNameCheck, r) || H.tagNameCheck instanceof Function && H.tagNameCheck(r)))) return !1;
-			} else if (!Lo[t] && !regExpTest(lo, stringReplace(r, so, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(r, "data:") === 0 && Fo[e]) && !(vo && !regExpTest(oo, stringReplace(r, so, ""))) && r) return !1;
+		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), ys(R.afterSanitizeElements, e, null), !1);
+	}, xs = function(e, t, r) {
+		if (Lo && (t === "id" || t === "name") && (r in n || r in ss)) return !1;
+		if (!(Eo && !Co[t] && regExpTest(mo, t)) && !(To && regExpTest(ho, t)) && !(wo.attributeCheck instanceof Function && wo.attributeCheck(t, e))) {
+			if (!V[t] || Co[t]) {
+				if (!(Ss(e) && (H.tagNameCheck instanceof RegExp && regExpTest(H.tagNameCheck, e) || H.tagNameCheck instanceof Function && H.tagNameCheck(e)) && (H.attributeNameCheck instanceof RegExp && regExpTest(H.attributeNameCheck, t) || H.attributeNameCheck instanceof Function && H.attributeNameCheck(t, e)) || t === "is" && H.allowCustomizedBuiltInElements && (H.tagNameCheck instanceof RegExp && regExpTest(H.tagNameCheck, r) || H.tagNameCheck instanceof Function && H.tagNameCheck(r)))) return !1;
+			} else if (!Ko[t] && !regExpTest(yo, stringReplace(r, _o, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(r, "data:") === 0 && Wo[e]) && !(Do && !regExpTest(go, stringReplace(r, _o, ""))) && r) return !1;
 		}
 		return !0;
-	}, ps = function(e) {
-		return e !== "annotation-xml" && stringMatch(e, co);
-	}, ms = function(e) {
-		us(R.beforeSanitizeAttributes, e, null);
+	}, Ss = function(e) {
+		return e !== "annotation-xml" && stringMatch(e, vo);
+	}, Cs = function(e) {
+		ys(R.beforeSanitizeAttributes, e, null);
 		let { attributes: n } = e;
-		if (!n || cs(e)) return;
+		if (!n || _s(e)) return;
 		let r = {
 			attrName: "",
 			attrValue: "",
@@ -577,36 +577,36 @@ function createDOMPurify() {
 		}, i = n.length;
 		for (; i--;) {
 			let { name: a, namespaceURI: o, value: s } = n[i], c = Y(a), l = s, u = a === "value" ? l : stringTrim(l);
-			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, us(R.uponSanitizeAttribute, e, r), u = r.attrValue, ko && (c === "id" || c === "name") && (as(a, e), u = "user-content-" + u), xo && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
-				as(a, e);
+			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, ys(R.uponSanitizeAttribute, e, r), u = r.attrValue, Ro && (c === "id" || c === "name") && (ms(a, e), u = "user-content-" + u), Ao && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
+				ms(a, e);
 				continue;
 			}
 			if (c === "attributename" && stringMatch(u, "href")) {
-				as(a, e);
+				ms(a, e);
 				continue;
 			}
 			if (r.forceKeepAttr) continue;
 			if (!r.keepAttr) {
-				as(a, e);
+				ms(a, e);
 				continue;
 			}
-			if (!yo && regExpTest(/\/>/i, u)) {
-				as(a, e);
+			if (!Oo && regExpTest(/\/>/i, u)) {
+				ms(a, e);
 				continue;
 			}
-			bo && arrayForEach([
-				to,
-				no,
-				ro
+			ko && arrayForEach([
+				uo,
+				fo,
+				po
 			], (e) => {
 				u = stringReplace(u, e, " ");
 			});
 			let f = Y(e.nodeName);
-			if (!fs(f, c, u)) {
-				as(a, e);
+			if (!xs(f, c, u)) {
+				ms(a, e);
 				continue;
 			}
-			if (A && typeof p == "object" && typeof p.getAttributeType == "function" && !o) switch (p.getAttributeType(f, c)) {
+			if (A && typeof eo == "object" && typeof eo.getAttributeType == "function" && !o) switch (eo.getAttributeType(f, c)) {
 				case "TrustedHTML":
 					u = A.createHTML(u);
 					break;
@@ -615,56 +615,56 @@ function createDOMPurify() {
 					break;
 			}
 			if (u !== l) try {
-				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), cs(e) ? is(e) : arrayPop(t.removed);
+				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), _s(e) ? ps(e) : arrayPop(t.removed);
 			} catch {
-				as(a, e);
+				ms(a, e);
 			}
 		}
-		us(R.afterSanitizeAttributes, e, null);
-	}, hs = function e(t) {
-		let n = null, r = ss(t);
-		for (us(R.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) us(R.uponSanitizeShadowNode, n, null), ds(n), ms(n), n.content instanceof a && e(n.content);
-		us(R.afterSanitizeShadowDOM, t, null);
+		ys(R.afterSanitizeAttributes, e, null);
+	}, ws = function e(t) {
+		let n = null, r = gs(t);
+		for (ys(R.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) ys(R.uponSanitizeShadowNode, n, null), bs(n), Cs(n), n.content instanceof a && e(n.content);
+		ys(R.afterSanitizeShadowDOM, t, null);
 	};
 	return t.sanitize = function(e) {
 		let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = null, o = null, c = null, l = null;
-		if (Uo = !e, Uo && (e = "<!-->"), typeof e != "string" && !ls(e)) if (typeof e.toString == "function") {
+		if (Qo = !e, Qo && (e = "<!-->"), typeof e != "string" && !vs(e)) if (typeof e.toString == "function") {
 			if (e = e.toString(), typeof e != "string") throw typeErrorCreate("dirty is not a string, aborting");
 		} else throw typeErrorCreate("toString is not a function");
 		if (!t.isSupported) return e;
-		if (Co || es(n), t.removed = [], typeof e == "string" && (jo = !1), jo) {
+		if (Mo || ls(n), t.removed = [], typeof e == "string" && (Bo = !1), Bo) {
 			if (e.nodeName) {
 				let t = Y(e.nodeName);
-				if (!B[t] || po[t]) throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
+				if (!B[t] || So[t]) throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
 			}
-		} else if (e instanceof s) i = os("<!---->"), o = i.ownerDocument.importNode(e, !0), o.nodeType === NODE_TYPE.element && o.nodeName === "BODY" || o.nodeName === "HTML" ? i = o : i.appendChild(o);
+		} else if (e instanceof s) i = hs("<!---->"), o = i.ownerDocument.importNode(e, !0), o.nodeType === NODE_TYPE.element && o.nodeName === "BODY" || o.nodeName === "HTML" ? i = o : i.appendChild(o);
 		else {
-			if (!To && !bo && !So && e.indexOf("<") === -1) return A && Do ? A.createHTML(e) : e;
-			if (i = os(e), !i) return To ? null : Do ? Ya : "";
+			if (!Po && !ko && !jo && e.indexOf("<") === -1) return A && Io ? A.createHTML(e) : e;
+			if (i = hs(e), !i) return Po ? null : Io ? io : "";
 		}
-		i && wo && is(i.firstChild);
-		let u = ss(jo ? e : i);
-		for (; c = u.nextNode();) ds(c), ms(c), c.content instanceof a && hs(c.content);
-		if (jo) return e;
-		if (To) {
-			if (Eo) for (l = Qa.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
+		i && No && ps(i.firstChild);
+		let u = gs(Bo ? e : i);
+		for (; c = u.nextNode();) bs(c), Cs(c), c.content instanceof a && ws(c.content);
+		if (Bo) return e;
+		if (Po) {
+			if (Fo) for (l = so.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
 			else l = i;
-			return (V.shadowroot || V.shadowrootmode) && (l = eo.call(r, l, !0)), l;
+			return (V.shadowroot || V.shadowrootmode) && (l = lo.call(r, l, !0)), l;
 		}
-		let f = So ? i.outerHTML : i.innerHTML;
-		return So && B["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, i.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + f), bo && arrayForEach([
-			to,
-			no,
-			ro
+		let f = jo ? i.outerHTML : i.innerHTML;
+		return jo && B["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, i.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + f), ko && arrayForEach([
+			uo,
+			fo,
+			po
 		], (e) => {
 			f = stringReplace(f, e, " ");
-		}), A && Do ? A.createHTML(f) : f;
+		}), A && Io ? A.createHTML(f) : f;
 	}, t.setConfig = function() {
-		es(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), Co = !0;
+		ls(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), Mo = !0;
 	}, t.clearConfig = function() {
-		Zo = null, Co = !1;
+		os = null, Mo = !1;
 	}, t.isValidAttribute = function(e, t, n) {
-		return Zo || es({}), fs(Y(e), Y(t), n);
+		return os || ls({}), xs(Y(e), Y(t), n);
 	}, t.addHook = function(e, t) {
 		typeof t == "function" && arrayPush(R[e], t);
 	}, t.removeHook = function(e, t) {
@@ -20157,14 +20157,14 @@ ${c}` : c;
 				if (this.options.pedantic ? (f = 2, s = c.trimStart()) : u ? f = t[1].length + 1 : (f = t[2].search(this.rules.other.nonSpaceChar), f = f > 4 ? 1 : f, s = c.slice(f), f += t[1].length), u && this.rules.other.blankLine.test(l) && (r += l + "\n", e = e.substring(l.length + 1), n = !0), !n) {
 					let t = this.rules.other.nextBulletRegex(f), n = this.rules.other.hrRegex(f), i = this.rules.other.fencesBeginRegex(f), a = this.rules.other.headingBeginRegex(f), o = this.rules.other.htmlBeginRegex(f);
 					for (; e;) {
-						let Ga = e.split("\n", 1)[0], p;
-						if (l = Ga, this.options.pedantic ? (l = l.replace(this.rules.other.listReplaceNesting, "  "), p = l) : p = l.replace(this.rules.other.tabCharGlobal, "    "), i.test(l) || a.test(l) || o.test(l) || t.test(l) || n.test(l)) break;
-						if (p.search(this.rules.other.nonSpaceChar) >= f || !l.trim()) s += "\n" + p.slice(f);
+						let p = e.split("\n", 1)[0], eo;
+						if (l = p, this.options.pedantic ? (l = l.replace(this.rules.other.listReplaceNesting, "  "), eo = l) : eo = l.replace(this.rules.other.tabCharGlobal, "    "), i.test(l) || a.test(l) || o.test(l) || t.test(l) || n.test(l)) break;
+						if (eo.search(this.rules.other.nonSpaceChar) >= f || !l.trim()) s += "\n" + eo.slice(f);
 						else {
 							if (u || c.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || i.test(c) || a.test(c) || n.test(c)) break;
 							s += "\n" + l;
 						}
-						!u && !l.trim() && (u = !0), r += Ga + "\n", e = e.substring(Ga.length + 1), c = p.slice(f);
+						!u && !l.trim() && (u = !0), r += p + "\n", e = e.substring(p.length + 1), c = eo.slice(f);
 					}
 				}
 				i.loose || (o ? i.loose = !0 : this.rules.other.doubleBlankLine.test(r) && (o = !0)), i.items.push({
@@ -21327,8 +21327,8 @@ function Button({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-function Checkbox({ checked: e, defaultChecked: t, icon: n, indeterminate: r, indeterminateIcon: i, onChange: a, disabled: o, children: s, className: l }) {
-	let u = useRef(null), [p, h] = useState(t ?? !1), g = e ?? p;
+function Checkbox({ checked: e, defaultChecked: t, icon: n, indeterminate: r, indeterminateIcon: i, onChange: a, disabled: o, children: s, className: c }) {
+	let u = useRef(null), [f, h] = useState(t ?? !1), g = e ?? f;
 	useEffect(() => {
 		u.current && (u.current.indeterminate = !!r);
 	}, [r]);
@@ -21337,7 +21337,7 @@ function Checkbox({ checked: e, defaultChecked: t, icon: n, indeterminate: r, in
 		e === void 0 && h(n), a?.(n);
 	}
 	return /* @__PURE__ */ jsxs("label", {
-		className: cn("relative inline-flex w-fit cursor-pointer items-center gap-2 select-none", o && "pointer-events-none opacity-50", l),
+		className: cn("relative inline-flex w-fit cursor-pointer items-center gap-2 select-none", o && "pointer-events-none opacity-50", c),
 		children: [
 			/* @__PURE__ */ jsx("input", {
 				ref: u,
@@ -21371,52 +21371,60 @@ function useDropdown() {
 	if (!e) throw Error("useDropdown must be used inside Dropdown");
 	return e;
 }
-function Dropdown({ trigger: e, children: t, align: n = "start", disabled: r = !1 }) {
-	let [i, a] = useState(!1), o = useRef(null), s = useRef(null), u = useRef(null), [p, h] = useState(null);
+function Dropdown({ trigger: e, children: t, align: n = "start", side: r = "bottom", offsetX: i = 0, offsetY: a = 0, disabled: o = !1 }) {
+	let [s, c] = useState(!1), f = useRef(null), h = useRef(null), g = useRef(null), [ro, A] = useState(null);
 	useLayoutEffect(() => {
-		if (!i || !o.current || !s.current) return;
-		let e = o.current.getBoundingClientRect(), t = s.current.getBoundingClientRect(), r = e.left;
-		n === "end" && (r = e.right - t.width), h({
-			top: e.bottom,
-			left: r
-		});
-	}, [i, n]);
-	function O() {
-		u.current &&= (clearTimeout(u.current), null), a(!0);
+		if (!s || !f.current || !h.current) return;
+		let e = f.current.getBoundingClientRect(), t = h.current.getBoundingClientRect(), o = e.left;
+		n === "end" ? o = e.right - t.width : n === "center" && (o = e.left + (e.width - t.width) / 2), o += i;
+		let c;
+		c = r === "bottom" ? e.bottom + a : e.top - t.height + a, queueMicrotask(() => A({
+			top: c,
+			left: o
+		}));
+	}, [
+		s,
+		n,
+		r,
+		i,
+		a
+	]);
+	function io() {
+		g.current &&= (clearTimeout(g.current), null), c(!0);
 	}
-	function Ja() {
-		u.current = window.setTimeout(() => {
-			a(!1);
+	function ao() {
+		g.current = window.setTimeout(() => {
+			c(!1);
 		}, 120);
 	}
 	return useEffect(() => {
 		function e(e) {
 			let t = e.target;
-			o.current?.contains(t) || s.current?.contains(t) || a(!1);
+			f.current?.contains(t) || h.current?.contains(t) || c(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []), useEffect(() => () => {
-		u.current && clearTimeout(u.current);
+		g.current && clearTimeout(g.current);
 	}, []), /* @__PURE__ */ jsxs(DropdownContext.Provider, {
-		value: { close: () => a(!1) },
+		value: { close: () => c(!1) },
 		children: [/* @__PURE__ */ jsx("div", {
-			ref: o,
+			ref: f,
 			className: "inline-flex",
-			onMouseEnter: O,
-			onMouseLeave: Ja,
-			onClick: () => a((e) => !e),
+			onMouseEnter: io,
+			onMouseLeave: ao,
+			onClick: () => c((e) => !e),
 			"aria-haspopup": "menu",
-			"aria-expanded": i,
+			"aria-expanded": s,
 			children: e
-		}), i && !r && createPortal(/* @__PURE__ */ jsx("div", {
-			ref: s,
-			onMouseEnter: O,
-			onMouseLeave: Ja,
+		}), s && !o && createPortal(/* @__PURE__ */ jsx("div", {
+			ref: h,
+			onMouseEnter: io,
+			onMouseLeave: ao,
 			style: {
 				position: "fixed",
-				top: p?.top ?? 0,
-				left: p?.left ?? 0,
-				visibility: p ? "visible" : "hidden",
+				top: ro?.top ?? 0,
+				left: ro?.left ?? 0,
+				visibility: ro ? "visible" : "hidden",
 				zIndex: 1e3
 			},
 			children: t
@@ -21429,7 +21437,7 @@ function Input({ type: e = "text", value: t, defaultValue: n, disabled: r = !1,
 		let t = e.target.value;
 		f || u(t), o?.(t);
 	}
-	function qa(e) {
+	function g(e) {
 		s?.(e);
 	}
 	return /* @__PURE__ */ jsx("input", {
@@ -21440,17 +21448,17 @@ function Input({ type: e = "text", value: t, defaultValue: n, disabled: r = !1,
 		"aria-disabled": r || void 0,
 		"aria-invalid": i || void 0,
 		onChange: h,
-		onKeyDown: qa,
+		onKeyDown: g,
 		className: cn("bg-transparent outline-none", r && "pointer-events-none", c)
 	});
 }
 function Pressable({ as: e, disabled: t = !1, onPress: n, className: r, children: i, ...a }) {
-	let s = e || "div", c = useCallback(() => {
+	let o = e || "div", c = useCallback(() => {
 		t || n?.();
 	}, [t, n]), l = useCallback((e) => {
 		t || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), n?.());
 	}, [t, n]);
-	return /* @__PURE__ */ jsx(s, {
+	return /* @__PURE__ */ jsx(o, {
 		role: "button",
 		tabIndex: t ? -1 : 0,
 		"aria-disabled": t || void 0,
@@ -21478,38 +21486,38 @@ function getVerticalAlign(e, t, n) {
 	return n === "start" ? e.top : n === "end" ? e.bottom - t.height : e.top + e.height / 2 - t.height / 2;
 }
 function Tooltip({ children: e, content: t, position: n = "top", delay: r = 120, className: i }) {
-	let a = useRef(null), o = useRef(null), s = useRef(null), [u, p] = useState(!1), [O, Ja] = useState(null), A = () => {
+	let a = useRef(null), o = useRef(null), s = useRef(null), [c, f] = useState(!1), [h, ro] = useState(null), A = () => {
 		s.current &&= (clearTimeout(s.current), null), s.current = window.setTimeout(() => {
-			p(!0);
+			f(!0);
 		}, r);
-	}, Ya = () => {
-		s.current &&= (clearTimeout(s.current), null), p(!1);
+	}, io = () => {
+		s.current &&= (clearTimeout(s.current), null), f(!1);
 	};
 	return useLayoutEffect(() => {
-		if (!u || !a.current || !o.current) return;
-		let e = a.current.getBoundingClientRect(), t = o.current.getBoundingClientRect(), [r, i] = n.split("-"), s = i ?? "center", c = 0, l = 0;
-		r === "top" || r === "bottom" ? (c = r === "top" ? e.top - t.height - 4 : e.bottom + 4, l = getHorizontalAlign(e, t, s)) : (l = r === "left" ? e.left - t.width - 4 : e.right + 4, c = getVerticalAlign(e, t, s)), Ja((e) => e && e.top === c && e.left === l ? e : {
-			top: c,
-			left: l
+		if (!c || !a.current || !o.current) return;
+		let e = a.current.getBoundingClientRect(), t = o.current.getBoundingClientRect(), [r, i] = n.split("-"), s = i ?? "center", l = 0, u = 0;
+		r === "top" || r === "bottom" ? (l = r === "top" ? e.top - t.height - 4 : e.bottom + 4, u = getHorizontalAlign(e, t, s)) : (u = r === "left" ? e.left - t.width - 4 : e.right + 4, l = getVerticalAlign(e, t, s)), ro((e) => e && e.top === l && e.left === u ? e : {
+			top: l,
+			left: u
 		});
-	}, [u, n]), useEffect(() => () => {
+	}, [c, n]), useEffect(() => () => {
 		s.current && clearTimeout(s.current);
-	}, []), /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+	}, []), /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 		ref: a,
 		className: "inline-flex",
 		onMouseEnter: A,
-		onMouseLeave: Ya,
+		onMouseLeave: io,
 		onFocus: A,
-		onBlur: Ya,
+		onBlur: io,
 		children: e
-	}), u && createPortal(/* @__PURE__ */ jsx("div", {
+	}), c && createPortal(/* @__PURE__ */ jsx("div", {
 		ref: o,
 		role: "tooltip",
 		style: {
 			position: "fixed",
-			top: O?.top ?? 0,
-			left: O?.left ?? 0,
-			visibility: O ? "visible" : "hidden",
+			top: h?.top ?? 0,
+			left: h?.left ?? 0,
+			visibility: h ? "visible" : "hidden",
 			zIndex: 1e3
 		},
 		className: cn(i),
@@ -21556,11 +21564,11 @@ function AccordionItem({ value: e, children: t, className: n, ...r }) {
 		children: t
 	});
 }
-function AccordionTrigger({ value: e, children: t, className: n, asChild: i = !1, onClick: o, ...s }) {
+function AccordionTrigger({ value: e, children: t, className: n, asChild: r = !1, onClick: a, ...s }) {
 	let { toggleItem: c, openItems: l } = useAccordion(), u = l.has(e), f = (t) => {
-		c(e), t && o && o(t);
+		c(e), t && a && a(t);
 	};
-	return i && isValidElement(t) ? cloneElement(t, {
+	return r && isValidElement(t) ? cloneElement(t, {
 		onClick: f,
 		"aria-expanded": u,
 		"data-state": u ? "open" : "closed"
@@ -22644,7 +22652,7 @@ function CardFooter({ children: e, className: t }) {
 	});
 }
 function DropdownMenuContent({ children: e, className: t }) {
-	let { close: i } = useDropdown();
+	let { close: r } = useDropdown();
 	return /* @__PURE__ */ jsx("div", {
 		role: "menu",
 		tabIndex: -1,
@@ -22652,7 +22660,7 @@ function DropdownMenuContent({ children: e, className: t }) {
 		children: Children.map(e, (e) => cloneElement(e, {
 			role: "menuitem",
 			onClick: (t) => {
-				e.props.onClick?.(t), e.props.closeOnClick !== !1 && i();
+				e.props.onClick?.(t), e.props.closeOnClick !== !1 && r();
 			}
 		}))
 	});
@@ -22752,9 +22760,9 @@ function markAsExiting(e, t) {
 	} : e;
 }
 function ToastWrapper({ toast: e, remainingTime: t, onExitComplete: n, onClose: r, onHoverStart: i, onHoverEnd: a }) {
-	let [s, l] = useState(!1);
+	let [o, c] = useState(!1);
 	useEffect(() => {
-		let e = requestAnimationFrame(() => l(!0));
+		let e = requestAnimationFrame(() => c(!0));
 		return () => cancelAnimationFrame(e);
 	}, []), useEffect(() => {
 		if (e.animationState !== "exiting") return;
@@ -22765,7 +22773,7 @@ function ToastWrapper({ toast: e, remainingTime: t, onExitComplete: n, onClose:
 		e.id,
 		n
 	]);
-	let u = useCallback(() => r(e.id), [r, e.id]), f = s && e.animationState !== "exiting", p = isRenderFn(e.content) ? e.content(u, t) : e.content;
+	let u = useCallback(() => r(e.id), [r, e.id]), f = o && e.animationState !== "exiting", p = isRenderFn(e.content) ? e.content(u, t) : e.content;
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("pointer-events-auto", computeAnimationClasses(f, e.position)),
 		onMouseEnter: i,
@@ -22774,11 +22782,11 @@ function ToastWrapper({ toast: e, remainingTime: t, onExitComplete: n, onClose:
 	});
 }
 function useToastTimers(e, t) {
-	let [n, r] = useState(() => /* @__PURE__ */ new Map()), i = useRef(/* @__PURE__ */ new Map()), a = useRef(null), s = useRef(!1), l = useCallback((e) => {
+	let [n, r] = useState(() => /* @__PURE__ */ new Map()), i = useRef(/* @__PURE__ */ new Map()), a = useRef(null), o = useRef(!1), c = useCallback((e) => {
 		let t = i.current.get(e);
 		t?.timeoutId && clearTimeout(t.timeoutId);
 	}, []), u = useCallback((e, n) => {
-		l(e.id);
+		c(e.id);
 		let a = n ?? e.duration, o = Date.now(), s = window.setTimeout(() => {
 			t.current.set(e.id, "timeout"), toastStore.remove(e.id);
 		}, a);
@@ -22789,7 +22797,7 @@ function useToastTimers(e, t) {
 			isPaused: !1,
 			refreshedAt: e._refreshedAt
 		}), r((t) => new Map(t).set(e.id, a));
-	}, [l, t]), p = useCallback(() => {
+	}, [c, t]), f = useCallback(() => {
 		a.current ||= window.setInterval(() => {
 			let e = Date.now();
 			r((t) => {
@@ -22803,8 +22811,8 @@ function useToastTimers(e, t) {
 			});
 		}, COUNTDOWN_INTERVAL_MS);
 	}, []), h = useCallback(() => {
-		if (s.current) return;
-		s.current = !0;
+		if (o.current) return;
+		o.current = !0;
 		let e = Date.now();
 		i.current.forEach((t, n) => {
 			t.timeoutId && clearTimeout(t.timeoutId);
@@ -22816,18 +22824,18 @@ function useToastTimers(e, t) {
 				isPaused: !0
 			});
 		}), a.current &&= (clearInterval(a.current), null);
-	}, []), Ka = useCallback(() => {
-		s.current && (s.current = !1, i.current.forEach((t, n) => {
+	}, []), g = useCallback(() => {
+		o.current && (o.current = !1, i.current.forEach((t, n) => {
 			if (t.isPaused && t.remainingTime > 0) {
 				let r = e.find((e) => e.id === n);
 				r && u(r, t.remainingTime);
 			}
-		}), p());
+		}), f());
 	}, [
 		e,
 		u,
-		p
-	]), qa = useCallback((e) => {
+		f
+	]), to = useCallback((e) => {
 		i.current.delete(e), r((t) => {
 			let n = new Map(t);
 			return n.delete(e), n;
@@ -22838,32 +22846,32 @@ function useToastTimers(e, t) {
 			if (e.persistent) return;
 			let t = i.current.get(e.id);
 			t ? t.refreshedAt !== e._refreshedAt && u(e) : u(e);
-		}), e.some((e) => !e.persistent) && p();
+		}), e.some((e) => !e.persistent) && f();
 	}, [
 		e,
 		u,
-		p
+		f
 	]), useEffect(() => () => {
 		a.current && clearInterval(a.current);
 	}, []), {
 		remainingTimes: n,
 		pauseAll: h,
-		resumeAll: Ka,
-		cleanupTimer: qa
+		resumeAll: g,
+		cleanupTimer: to
 	};
 }
 function Toaster() {
-	let [e, t] = useState([]), [n, r] = useState([]), i = useRef(/* @__PURE__ */ new Set()), a = useRef(/* @__PURE__ */ new Map()), s = useRef([]), { remainingTimes: l, pauseAll: u, resumeAll: qa, cleanupTimer: O } = useToastTimers(e, a);
+	let [e, t] = useState([]), [n, r] = useState([]), i = useRef(/* @__PURE__ */ new Set()), a = useRef(/* @__PURE__ */ new Map()), o = useRef([]), { remainingTimes: c, pauseAll: u, resumeAll: f, cleanupTimer: no } = useToastTimers(e, a);
 	useEffect(() => toastStore.subscribe(t), []);
-	let Ja = useSyncExternalStore(subscribeNoop, getClientSnapshot, getServerSnapshot), A = useCallback((e) => {
+	let ro = useSyncExternalStore(subscribeNoop, getClientSnapshot, getServerSnapshot), A = useCallback((e) => {
 		e.callbacks?.onOpen?.();
-	}, []), Ya = useCallback((e, t) => {
+	}, []), io = useCallback((e, t) => {
 		t === "manual" ? e.callbacks?.onClose?.() : e.callbacks?.onAutoClose?.(), e.callbacks?.onDismiss?.(t);
 	}, []);
 	useEffect(() => {
-		let t = new Set(e.map((e) => e.id)), n = new Map(e.map((e) => [e.id, e])), o = i.current;
-		s.current.filter((e) => !t.has(e.id) && e.animationState !== "exiting").forEach((e) => {
-			Ya(e, a.current.get(e.id) ?? "timeout"), a.current.delete(e.id);
+		let t = new Set(e.map((e) => e.id)), n = new Map(e.map((e) => [e.id, e])), s = i.current;
+		o.current.filter((e) => !t.has(e.id) && e.animationState !== "exiting").forEach((e) => {
+			io(e, a.current.get(e.id) ?? "timeout"), a.current.delete(e.id);
 		}), r((r) => {
 			let i = r.map((e) => {
 				let t = n.get(e.id);
@@ -22872,36 +22880,36 @@ function Toaster() {
 					content: t.content,
 					duration: t.duration
 				} : e;
-			}).map((e) => markAsExiting(e, !t.has(e.id))).map(updateAnimationState), a = [...e.filter((e) => !o.has(e.id)).map((e) => (A(e), {
+			}).map((e) => markAsExiting(e, !t.has(e.id))).map(updateAnimationState), a = [...e.filter((e) => !s.has(e.id)).map((e) => (A(e), {
 				...e,
 				animationState: "entering"
 			})), ...i];
-			return s.current = a, a;
+			return o.current = a, a;
 		}), i.current = t;
 	}, [
 		e,
 		A,
-		Ya
+		io
 	]);
-	let Xa = useCallback((e) => {
+	let ao = useCallback((e) => {
 		r((t) => {
 			let n = t.filter((t) => t.id !== e);
-			return s.current = n, n;
-		}), O(e), toastStore.cleanup(e);
-	}, [O]), Za = useCallback((e) => {
+			return o.current = n, n;
+		}), no(e), toastStore.cleanup(e);
+	}, [no]), oo = useCallback((e) => {
 		a.current.set(e, "manual"), toastStore.remove(e);
 	}, []);
-	if (!Ja) return null;
-	let Qa = groupByPosition(n);
-	return createPortal(/* @__PURE__ */ jsx(Fragment, { children: Object.entries(Qa).map(([e, t]) => /* @__PURE__ */ jsx("div", {
+	if (!ro) return null;
+	let so = groupByPosition(n);
+	return createPortal(/* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(so).map(([e, t]) => /* @__PURE__ */ jsx("div", {
 		className: cn("pointer-events-none fixed z-1000 flex flex-col items-end gap-2 p-4", POSITION_CLASSES[e]),
 		children: t.map((e) => /* @__PURE__ */ jsx(ToastWrapper, {
 			toast: e,
-			remainingTime: l.get(e.id) ?? e.duration,
-			onExitComplete: Xa,
-			onClose: Za,
+			remainingTime: c.get(e.id) ?? e.duration,
+			onExitComplete: ao,
+			onClose: oo,
 			onHoverStart: u,
-			onHoverEnd: qa
+			onHoverEnd: f
 		}, e.id))
 	}, e)) }), document.body);
 }
@@ -23107,13 +23115,13 @@ function InfoTooltip({ className: e, ...t }) {
 	});
 }
 function BulkActions({ totalItems: e = 0, selectedItems: t = 0, onSelectAll: n, actions: r, defaultDensity: i = "normal", onDensityChange: a, className: o }) {
-	let s = e > 0, c = s && t === e, l = s && t > 0 && t < e, u = c ? `All (${e})` : l ? `${t}/${e} selected` : `Select all (${e})`, [f, p] = useState(i ?? "normal"), g = () => {
+	let s = e > 0, c = s && t === e, l = s && t > 0 && t < e, u = c ? `All (${e})` : l ? `${t}/${e} selected` : `Select all (${e})`, [f, p] = useState(i ?? "normal"), h = () => {
 		n(!c);
 	};
 	function O(e) {
 		p(e), a?.(e);
 	}
-	let Ja = {
+	let ro = {
 		fire: [{
 			id: "fire",
 			tooltip: "Mark as fire",
@@ -23180,7 +23188,7 @@ function BulkActions({ totalItems: e = 0, selectedItems: t = 0, onSelectAll: n,
 			/* @__PURE__ */ jsx(Checkbox, {
 				checked: c,
 				indeterminate: l,
-				onChange: g,
+				onChange: h,
 				icon: /* @__PURE__ */ jsx(CheckboxIcon, {
 					size: 16,
 					className: "text-white-variant-7"
@@ -23194,7 +23202,7 @@ function BulkActions({ totalItems: e = 0, selectedItems: t = 0, onSelectAll: n,
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "flex items-center divide-x divide-neutral-400-variant-1",
-				children: t > 0 && /* @__PURE__ */ jsx(Fragment, { children: Object.entries(Ja).map(([e, t]) => /* @__PURE__ */ jsx("div", {
+				children: t > 0 && /* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(ro).map(([e, t]) => /* @__PURE__ */ jsx("div", {
 					className: "flex items-center gap-2 px-1",
 					children: t.map((e) => /* @__PURE__ */ jsx(InfoTooltip, {
 						content: e.tooltip,
@@ -23227,20 +23235,59 @@ function BulkActions({ totalItems: e = 0, selectedItems: t = 0, onSelectAll: n,
 }
 var filterButtonStyles = tv({
 	slots: {
-		root: "inline-flex w-fit items-center gap-1 rounded-full border px-2 py-1 transition-colors",
+		root: "inline-flex w-fit items-center gap-1 rounded-full border-[1.5px] 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"
+	variants: {
+		variant: {
+			custom: {},
+			fire: {},
+			unread: {},
+			insight: {},
+			done: {}
 		},
-		true: {
-			root: "border-primary-400 bg-primary-light hover:border-primary-400",
-			label: "font-semibold text-neutral-900"
+		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: "bg-white hover:bg-white",
+				label: "font-semibold text-neutral-900"
+			}
 		}
-	} },
-	defaultVariants: { selected: !1 }
+	},
+	compoundVariants: [
+		{
+			variant: "custom",
+			selected: !0,
+			class: { root: "border-primary-400 hover:border-primary-400" }
+		},
+		{
+			variant: "fire",
+			selected: !0,
+			class: { root: "border-tertiary-400 hover:border-tertiary-500" }
+		},
+		{
+			variant: "unread",
+			selected: !0,
+			class: { root: "border-primary-400 hover:border-primary-500" }
+		},
+		{
+			variant: "insight",
+			selected: !0,
+			class: { root: "border-brand-primary-100 hover:border-brand-primary-200" }
+		},
+		{
+			variant: "done",
+			selected: !0,
+			class: { root: "border-success-base hover:border-success-base" }
+		}
+	],
+	defaultVariants: {
+		variant: "custom",
+		selected: !1
+	}
 }), FILTER_BUTTON_META = {
 	fire: {
 		icon: FireIcon,
@@ -23263,7 +23310,7 @@ var filterButtonStyles = tv({
 		iconColor: "text-success-base"
 	}
 };
-function renderIcon(e, t) {
+function renderIcon$1(e, t) {
 	return typeof e == "function" ? /* @__PURE__ */ jsx(e, {
 		size: 20,
 		className: t
@@ -23273,18 +23320,21 @@ function renderIcon(e, t) {
 	});
 }
 function FilterButton({ variant: e = "custom", label: t, count: n, selected: r = !1, icon: i, classNames: a, disabled: o, ...s }) {
-	let c = !!o, l = filterButtonStyles({ selected: !c && r }), u = e === "custom" ? void 0 : FILTER_BUTTON_META[e], f = i ?? u?.icon, Ga = t ?? u?.label, p = c ? "text-neutral-400" : r && u?.iconColor ? u.iconColor : "text-neutral-900 opacity-60 group-hover:opacity-80";
+	let c = !!o, l = filterButtonStyles({
+		variant: e,
+		selected: !c && r
+	}), u = e === "custom" ? void 0 : FILTER_BUTTON_META[e], f = i ?? u?.icon, p = t ?? u?.label, eo = c ? "text-neutral-400" : r && u?.iconColor ? u.iconColor : "text-neutral-900 opacity-60 group-hover:opacity-80";
 	return /* @__PURE__ */ jsxs(Button, {
 		...s,
 		disabled: o,
-		"aria-label": s["aria-label"] ?? Ga,
+		"aria-label": s["aria-label"] ?? p,
 		className: cn("group", l.root(), c && "border-neutral-300 bg-white hover:border-neutral-300", a?.root),
 		children: [f && /* @__PURE__ */ jsx("span", {
 			className: cn("flex items-center", a?.icon),
-			children: renderIcon(f, cn("shrink-0", p))
-		}), Ga && /* @__PURE__ */ jsxs("span", {
+			children: renderIcon$1(f, cn("shrink-0", eo))
+		}), p && /* @__PURE__ */ jsxs("span", {
 			className: cn(l.label(), c && "font-medium text-neutral-400", a?.label),
-			children: [/* @__PURE__ */ jsx("span", { children: Ga }), typeof n == "number" && n > 0 && /* @__PURE__ */ jsxs("span", {
+			children: [/* @__PURE__ */ jsx("span", { children: p }), typeof n == "number" && n > 0 && /* @__PURE__ */ jsxs("span", {
 				"aria-label": `${n} items`,
 				className: cn("font-medium", a?.count),
 				children: [
@@ -23380,47 +23430,111 @@ var iconCountButtonStyles = tv({
 		status: "active"
 	}
 });
-function IconCountButton({ icon: e, label: t, count: n, variant: i = "primary", orientation: a = "vertical", status: o = "active", alwaysShowCount: s = !1, classNames: c, ...l }) {
-	let u = iconCountButtonStyles({
-		variant: i,
-		orientation: a,
-		status: o
+function formatCount(e, t = 99) {
+	return e > t ? `${t}+` : String(e);
+}
+function renderIcon(e, t) {
+	return cloneElement(e, {
+		size: e.props.size ?? 20,
+		className: cn(t, e.props.className)
 	});
-	function f(e, t = 99) {
-		return e > t ? `${t}+` : String(e);
+}
+function ToggleControlPortal({ isPressed: e, isPortalHovered: t, portalPosition: n, onMouseEnter: r, onMouseLeave: i, onToggle: a }) {
+	let o = t && !e, s = e ? "Clear" : "Only", c = e ? "Reset state" : "Activate state";
+	return createPortal(/* @__PURE__ */ jsx("div", {
+		className: "flex",
+		style: {
+			position: "fixed",
+			top: n.top,
+			left: n.left,
+			zIndex: 100
+		},
+		children: /* @__PURE__ */ jsx(InfoTooltip, {
+			content: s,
+			position: "right-end",
+			children: /* @__PURE__ */ jsx(StopPropagation, { children: /* @__PURE__ */ jsx("div", {
+				role: "button",
+				tabIndex: 0,
+				"aria-pressed": e,
+				"aria-label": c,
+				className: "flex size-5 cursor-pointer items-center justify-center rounded-full bg-white",
+				onMouseEnter: r,
+				onMouseLeave: i,
+				onClick: a,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: cn("flex size-4 items-center justify-center rounded-full border", e ? "border-tertiary-500" : "border-neutral-800"),
+					children: [o && /* @__PURE__ */ jsx("div", { className: "size-2 rounded-full bg-neutral-800" }), e && /* @__PURE__ */ jsx(CloseIcon, {
+						size: 12,
+						className: "text-tertiary-500"
+					})]
+				})
+			}) })
+		})
+	}), document.body);
+}
+function IconCountButton({ icon: e, label: t, count: n, variant: r = "primary", orientation: i = "vertical", status: a = "active", alwaysShowCount: o = !1, showToggleControl: s = !1, pressed: c, defaultPressed: l = !1, onPressedChange: f, classNames: h, ...g }) {
+	let O = iconCountButtonStyles({
+		variant: r,
+		orientation: i,
+		status: a
+	}), ro = useRef(null), [A, io] = useState(!1), [ao, oo] = useState(!1), [so, co] = useState(l), [lo, R] = useState(null), uo = c ?? so, fo = s && (A || ao || uo), po = typeof n == "number" && n > 0 && (o || a === "active");
+	function mo(e) {
+		c === void 0 && co(e), f?.(e);
 	}
-	return /* @__PURE__ */ jsxs(Button, {
-		...l,
-		className: cn(u.root(), c?.root),
-		children: [/* @__PURE__ */ jsx("div", {
-			className: cn(u.bubble(), c?.bubble),
-			children: cloneElement(e, {
-				size: e.props.size ?? 20,
-				className: cn(u.icon(), e.props.className)
-			})
+	return useLayoutEffect(() => {
+		if (!fo || !ro.current) return;
+		function e() {
+			let e = ro.current?.getBoundingClientRect();
+			e && R({
+				top: e.top - 6,
+				left: e.right - 14
+			});
+		}
+		return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+		};
+	}, [fo]), /* @__PURE__ */ jsxs(Button, {
+		...g,
+		className: cn(O.root(), h?.root),
+		onMouseEnter: () => io(!0),
+		onMouseLeave: () => io(!1),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ jsx("div", {
+				ref: ro,
+				className: cn(O.bubble(), h?.bubble),
+				children: renderIcon(e, O.icon())
+			}), fo && lo && typeof document < "u" && ToggleControlPortal({
+				isPressed: uo,
+				isPortalHovered: ao,
+				portalPosition: lo,
+				onMouseEnter: () => oo(!0),
+				onMouseLeave: () => oo(!1),
+				onToggle: () => mo(!uo)
+			})]
 		}), /* @__PURE__ */ jsxs("div", {
-			className: cn(u.label(), c?.label),
-			children: [/* @__PURE__ */ jsx("span", { children: t }), typeof n == "number" && n > 0 && (s || o === "active") && /* @__PURE__ */ jsxs("span", {
+			className: cn(O.label(), h?.label),
+			children: [/* @__PURE__ */ jsx("span", { children: t }), po && /* @__PURE__ */ jsxs("span", {
 				"aria-label": `${n} items`,
-				className: cn(u.count(), c?.count),
+				className: cn(O.count(), h?.count),
 				children: [
 					"(",
-					f(n),
+					formatCount(n),
 					")"
 				]
 			})]
 		})]
 	});
 }
-function ActionMenuItem({ icon: e, label: t, className: n, selected: i, ...a }) {
+function ActionMenuItem({ icon: e, label: t, className: n, selected: r, ...a }) {
 	return /* @__PURE__ */ jsxs(Button, {
-		className: cn("flex items-center justify-start gap-2 bg-white px-3 py-2 hover:bg-neutral-100", i && "bg-primary-500 text-white hover:bg-primary-bright", n),
+		className: cn("flex items-center justify-start gap-2 bg-white px-3 py-2 hover:bg-neutral-100", r && "bg-primary-500 text-white hover:bg-primary-bright", n),
 		...a,
 		children: [e && cloneElement(e, {
 			size: e.props.size ?? 16,
-			className: cn(i ? "text-white" : "text-neutral-600-variant-7", e.props.className)
+			className: cn(r ? "text-white" : "text-neutral-600-variant-7", e.props.className)
 		}), /* @__PURE__ */ jsx("span", {
-			className: cn("text-xs font-medium transition-colors", i ? "text-white" : "text-neutral-900"),
+			className: cn("text-xs font-medium transition-colors", r ? "text-white" : "text-neutral-900"),
 			children: t
 		})]
 	});
@@ -23434,7 +23548,7 @@ function ActionMenu({ trigger: e, children: t, className: n, ...r }) {
 	});
 }
 function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelect: r, onRangeSelect: i }) {
-	let { close: a } = useDropdown(), o = useMemo(() => /* @__PURE__ */ new Date(), []), [s, l] = useState(null), p = useRef(t), h = useRef(n), [g, O] = useState(() => {
+	let { close: a } = useDropdown(), o = useMemo(() => /* @__PURE__ */ new Date(), []), [s, c] = useState(null), u = useRef(t), h = useRef(n), [g, O] = useState(() => {
 		let r = e === "single" ? t ?? o : n.startDate ?? n.endDate ?? o;
 		return {
 			year: r.getFullYear(),
@@ -23442,7 +23556,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 		};
 	});
 	useEffect(() => {
-		(e === "single" && t && (!p.current || t.getTime() !== p.current.getTime()) || e === "range" && (n.startDate?.getTime() !== h.current.startDate?.getTime() || n.endDate?.getTime() !== h.current.endDate?.getTime())) && queueMicrotask(() => {
+		(e === "single" && t && (!u.current || t.getTime() !== u.current.getTime()) || e === "range" && (n.startDate?.getTime() !== h.current.startDate?.getTime() || n.endDate?.getTime() !== h.current.endDate?.getTime())) && queueMicrotask(() => {
 			if (e === "single" && t) O({
 				year: t.getFullYear(),
 				month: t.getMonth()
@@ -23454,13 +23568,13 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 					month: e.getMonth()
 				});
 			}
-		}), p.current = t, h.current = n;
+		}), u.current = t, h.current = n;
 	}, [
 		e,
 		t,
 		n
 	]);
-	let Ja = useMemo(() => generateCalendarDays(g.year, g.month), [g.year, g.month]);
+	let ro = useMemo(() => generateCalendarDays(g.year, g.month), [g.year, g.month]);
 	function A(t) {
 		let o = t.getMonth(), s = t.getFullYear();
 		if ((o !== g.month || s !== g.year) && O({
@@ -23478,7 +23592,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			}), a());
 		}
 	}
-	function Ya() {
+	function io() {
 		O((e) => e.month === 0 ? {
 			year: e.year - 1,
 			month: 11
@@ -23487,7 +23601,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			month: e.month - 1
 		});
 	}
-	function Xa() {
+	function ao() {
 		O((e) => e.month === 11 ? {
 			year: e.year + 1,
 			month: 0
@@ -23496,7 +23610,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			month: e.month + 1
 		});
 	}
-	let Za = getWeekdays();
+	let oo = getWeekdays();
 	return /* @__PURE__ */ jsxs("div", {
 		className: "mt-1 w-fit rounded-lg border border-neutral-400 bg-white p-2 shadow-lg",
 		children: [
@@ -23508,7 +23622,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 							direction: "left",
 							size: 20
 						}),
-						onClick: Ya,
+						onClick: io,
 						className: "hover:opacity-60",
 						"aria-label": "Previous month"
 					}),
@@ -23525,7 +23639,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 							direction: "right",
 							size: 20
 						}),
-						onClick: Xa,
+						onClick: ao,
 						className: "hover:opacity-60",
 						"aria-label": "Next month"
 					})
@@ -23533,31 +23647,31 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "mb-2 grid grid-cols-7",
-				children: Za.map((e) => /* @__PURE__ */ jsx("div", {
+				children: oo.map((e) => /* @__PURE__ */ jsx("div", {
 					className: "flex items-center justify-center p-0.5 text-[9px] font-bold text-neutral-900",
 					children: e
 				}, e))
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "grid grid-cols-7",
-				children: Ja.map(({ day: r, date: i, isCurrentMonth: a }) => {
-					let o = isToday(i), c = e === "single" && t && isSameDay(i, t), { startDate: u, endDate: f } = n, Ga = u && isSameDay(i, u), p = f && isSameDay(i, f), h = u, qa = s;
-					e === "range" && u && !f && s && !isDateBefore(s, u) ? (h = u, qa = s) : (h = null, qa = null);
-					let g = e === "range" && (isDateInRange(i, u, f) || isDateInRange(i, h, qa)), O = c || Ga || p;
+				children: ro.map(({ day: r, date: i, isCurrentMonth: a }) => {
+					let o = isToday(i), l = e === "single" && t && isSameDay(i, t), { startDate: u, endDate: f } = n, p = u && isSameDay(i, u), eo = f && isSameDay(i, f), h = u, g = s;
+					e === "range" && u && !f && s && !isDateBefore(s, u) ? (h = u, g = s) : (h = null, g = null);
+					let no = e === "range" && (isDateInRange(i, u, f) || isDateInRange(i, h, g)), O = l || p || eo;
 					return /* @__PURE__ */ jsx(Button, {
 						type: "button",
 						onClick: () => A(i),
 						onMouseEnter: () => {
-							e === "range" && u && !f && !isDateBefore(i, u) && l(i);
+							e === "range" && u && !f && !isDateBefore(i, u) && c(i);
 						},
 						onMouseLeave: () => {
-							e === "range" && l(null);
+							e === "range" && c(null);
 						},
 						className: "p-0.5",
 						"aria-label": `Select ${formatDate(i)}`,
 						"aria-selected": O || void 0,
 						children: /* @__PURE__ */ jsx("div", {
-							className: cn("flex h-[26px] w-[26px] items-center justify-center rounded text-[9px] transition-colors", O && "bg-primary-500 font-semibold text-white-variant-1 hover:bg-primary-500", g && !O && "bg-primary-500/20 font-normal text-neutral-900 hover:bg-primary-500/30", o && !O && !g && "border border-primary-500 bg-primary-500/15 font-bold hover:bg-primary-500 hover:text-white", !O && !g && (a ? "text-neutral-900 hover:bg-neutral-300" : "text-neutral-600 hover:bg-neutral-200")),
+							className: cn("flex h-[26px] w-[26px] items-center justify-center rounded text-[9px] transition-colors", O && "bg-primary-500 font-semibold text-white-variant-1 hover:bg-primary-500", no && !O && "bg-primary-500/20 font-normal text-neutral-900 hover:bg-primary-500/30", o && !O && !no && "border border-primary-500 bg-primary-500/15 font-bold hover:bg-primary-500 hover:text-white", !O && !no && (a ? "text-neutral-900 hover:bg-neutral-300" : "text-neutral-600 hover:bg-neutral-200")),
 							children: r
 						})
 					}, `${i.getFullYear()}-${i.getMonth()}-${r}`);
@@ -23583,7 +23697,7 @@ function DatePickerTrigger({ displayText: e, disabled: t, className: n, onClear:
 				className: "font-semibold",
 				children: "Date"
 			}),
-			e && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+			e && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
 				className: "font-normal",
 				children: [
 					"(",
@@ -23619,19 +23733,19 @@ function DatePicker({ mode: e = "single", value: t, defaultValue: n, onChange: r
 		startDate: null,
 		endDate: null
 	};
-	function qa(t) {
+	function h(t) {
 		e === "single" && (u || s(t), r?.(t));
 	}
-	function g(t) {
+	function no(t) {
 		e === "range" && (u || l(t), r?.(t));
 	}
 	function O() {
-		e === "single" ? qa(null) : g({
+		e === "single" ? h(null) : no({
 			startDate: null,
 			endDate: null
 		});
 	}
-	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Dropdown, {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Dropdown, {
 		trigger: /* @__PURE__ */ jsx(DatePickerTrigger, {
 			displayText: e === "single" ? formatDate(f) : formatDateRange(p.startDate, p.endDate),
 			disabled: i,
@@ -23643,8 +23757,8 @@ function DatePicker({ mode: e = "single", value: t, defaultValue: n, onChange: r
 			mode: e,
 			selectedDate: f,
 			selectedRange: p,
-			onDateSelect: qa,
-			onRangeSelect: g
+			onDateSelect: h,
+			onRangeSelect: no
 		})
 	}) });
 }
@@ -23782,49 +23896,50 @@ function EventActionsList({ actions: e, className: t }) {
 		}) })
 	});
 }
-function EventCard({ icon: e, sender: t, title: n, content: r, timestamp: i, timestampTooltip: a, workspace: o, read: s = !1, selected: c = !1, onSelect: l, checked: u = !1, onCheckedChange: f, statusBadges: Ga = {}, actions: p = {}, density: h = "normal", className: g, style: O }) {
+function EventCard({ icon: e, service: t, sender: n, title: r, content: i, timestamp: a, timestampTooltip: o, workspace: s, read: c = !1, selected: l = !1, onSelect: u, checked: f = !1, onCheckedChange: p, statusBadges: eo = {}, actions: h = {}, density: g = "normal", className: O, style: ro, isPriority: A = !1 }) {
 	return /* @__PURE__ */ jsx(Card, {
 		as: Pressable,
-		onPress: l,
-		className: cn("w-full rounded-lg border-[1.5px] border-primary-400 bg-white-variant-5 p-4 hover:bg-primary-light", s && "border-neutral-400", c && "border-primary-500 bg-primary-light", h === "normal" ? `${EVENT_CARD_HEIGHT_SIZE.normal.style}` : `${EVENT_CARD_HEIGHT_SIZE.compact.style}`, g),
-		style: O,
-		children: h === "normal" ? /* @__PURE__ */ jsxs(CardLayout, {
+		onPress: u,
+		className: cn("w-full rounded-lg border-[1.5px] bg-white-variant-5 p-4", A ? "hover:bg-tertiary-500-variant-4" : "hover:bg-primary-light", !c && !A && "border-primary-400", !c && A && "border-tertiary-500-variant-2", c && !A && "border-neutral-400", c && A && "border-tertiary-500-variant-3", l && !A && "border-primary-500 bg-primary-light", l && A && "border-tertiary-500-variant-2 bg-tertiary-500-variant-4", g === "normal" ? `${EVENT_CARD_HEIGHT_SIZE.normal.style}` : `${EVENT_CARD_HEIGHT_SIZE.compact.style}`, O),
+		style: ro,
+		"data-service": t,
+		children: g === "normal" ? /* @__PURE__ */ jsxs(CardLayout, {
 			className: "gap-x-2 gap-y-1",
 			children: [
 				/* @__PURE__ */ jsx(CardSidebar, { children: /* @__PURE__ */ jsx(EventCheckbox, {
-					checked: u,
-					onCheckedChange: f
+					checked: f,
+					onCheckedChange: p
 				}) }),
 				/* @__PURE__ */ jsxs(CardHeader, {
 					className: "grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-2",
 					children: [
 						e,
 						/* @__PURE__ */ jsx("span", {
-							className: cn("min-w-0 -translate-x-0.5 truncate text-sm font-bold text-neutral-900", s && "font-medium"),
-							children: t
+							className: cn("min-w-0 -translate-x-0.5 truncate text-sm font-bold text-neutral-900", c && "font-medium"),
+							children: n
 						}),
 						/* @__PURE__ */ jsx("span", {
 							className: "text-xs leading-tight font-semibold tracking-wide whitespace-nowrap text-neutral-800",
-							children: i
+							children: a
 						}),
 						/* @__PURE__ */ jsx(InfoTooltip, {
-							content: o,
-							children: /* @__PURE__ */ jsx(Avatar, { name: o })
+							content: s,
+							children: /* @__PURE__ */ jsx(Avatar, { name: s })
 						})
 					]
 				}),
 				/* @__PURE__ */ jsx(CardTitle, {
-					className: cn("line-clamp-1 text-sm font-bold text-neutral-900", s && "font-medium"),
-					children: n
+					className: cn("line-clamp-1 text-sm font-bold text-neutral-900", c && "font-medium"),
+					children: r
 				}),
 				/* @__PURE__ */ jsx(CardContent, {
 					className: "line-clamp-2 min-w-0 text-sm text-neutral-900",
-					children: r
+					children: i
 				}),
 				/* @__PURE__ */ jsxs(CardFooter, {
 					className: "mt-3 grid grid-cols-[minmax(0,1fr)_auto] items-center gap-1",
-					children: [/* @__PURE__ */ jsx(EventStatusesList, { statusBadges: Ga }), /* @__PURE__ */ jsx(EventActionsList, {
-						actions: p,
+					children: [/* @__PURE__ */ jsx(EventStatusesList, { statusBadges: eo }), /* @__PURE__ */ jsx(EventActionsList, {
+						actions: h,
 						className: "col-start-2 justify-self-end"
 					})]
 				})
@@ -23834,23 +23949,23 @@ function EventCard({ icon: e, sender: t, title: n, content: r, timestamp: i, tim
 			children: [/* @__PURE__ */ jsx(CardSidebar, {
 				className: "flex items-center justify-center",
 				children: /* @__PURE__ */ jsx(EventCheckbox, {
-					checked: u,
-					onCheckedChange: f
+					checked: f,
+					onCheckedChange: p
 				})
 			}), /* @__PURE__ */ jsxs(CardHeader, {
 				className: "flex min-w-0 items-center gap-2",
 				children: [
 					e,
 					/* @__PURE__ */ jsx(EventStatusesList, {
-						statusBadges: Ga,
-						density: h
+						statusBadges: eo,
+						density: g
 					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: cn("flex min-w-0 items-center gap-2 text-sm font-bold whitespace-nowrap text-neutral-900", s && "font-medium"),
+						className: cn("flex min-w-0 items-center gap-2 text-sm font-bold whitespace-nowrap text-neutral-900", c && "font-medium"),
 						children: [
 							/* @__PURE__ */ jsx("span", {
 								className: "truncate",
-								children: t
+								children: n
 							}),
 							/* @__PURE__ */ jsx("span", {
 								className: "shrink-0 text-sm text-neutral-500",
@@ -23858,31 +23973,69 @@ function EventCard({ icon: e, sender: t, title: n, content: r, timestamp: i, tim
 							}),
 							/* @__PURE__ */ jsx("span", {
 								className: "truncate",
-								children: n
+								children: r
 							})
 						]
 					}),
 					/* @__PURE__ */ jsx("div", { className: "flex-1" }),
-					/* @__PURE__ */ jsx(EventActionsList, { actions: p }),
+					/* @__PURE__ */ jsx(EventActionsList, { actions: h }),
 					/* @__PURE__ */ jsx(InfoTooltip, {
-						content: a,
+						content: o,
 						children: /* @__PURE__ */ jsx("span", {
 							className: "text-xs leading-tight font-semibold tracking-wide whitespace-nowrap text-neutral-800",
-							children: i
+							children: a
 						})
 					}),
 					/* @__PURE__ */ jsx(InfoTooltip, {
-						content: o,
-						children: /* @__PURE__ */ jsx(Avatar, { name: o })
+						content: s,
+						children: /* @__PURE__ */ jsx(Avatar, { name: s })
 					})
 				]
 			})]
 		})
 	});
 }
+function EventDetailContentDetailsPanel({ title: e, rows: t }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-2 rounded-lg bg-neutral-100-variant-3 p-4 text-sm text-neutral-800",
+		children: [e && /* @__PURE__ */ jsx("div", {
+			className: "font-bold",
+			children: e
+		}), /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1",
+			children: t.map(({ label: e, value: t }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+				className: "font-bold",
+				children: [e, ":"]
+			}), /* @__PURE__ */ jsx("span", {
+				className: "font-normal",
+				children: t
+			})] }, e))
+		})]
+	});
+}
+function EventDetailContentCalendarDetails({ from: e, to: t, link: n, location: r }) {
+	return /* @__PURE__ */ jsx(EventDetailContentDetailsPanel, { rows: [
+		{
+			label: "From",
+			value: e
+		},
+		{
+			label: "To",
+			value: t
+		},
+		{
+			label: "Link",
+			value: n
+		},
+		{
+			label: "Location",
+			value: r
+		}
+	] });
+}
 function EventDetailPriority({ priorityText: e }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "sticky top-14 z-5 flex min-h-14 shrink-0 items-center gap-4 bg-tertiary-50 p-4",
+		className: "sticky top-14 z-5 flex h-14 min-h-14 shrink-0 items-center gap-4 bg-tertiary-50 px-4 py-2",
 		children: [/* @__PURE__ */ jsx(FireIcon, {
 			size: 32,
 			className: "text-tertiary-500-variant-2"
@@ -23907,35 +24060,70 @@ function EventDetailSummary({ summary: e }) {
 		})]
 	});
 }
-function EventDetailContentHeader({ summary: e, priorityText: t, children: n, className: r }) {
+function EventDetailContentHeader({ summary: e, priorityText: t, highlightPriority: n = !1, children: r, className: i }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col", r),
-		children: [t != null && /* @__PURE__ */ jsx(EventDetailPriority, { priorityText: t }), /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-4 p-4",
-			children: [e != null && /* @__PURE__ */ jsx(EventDetailSummary, { summary: e }), n]
-		})]
+		className: cn("flex flex-col", n && "relative", i),
+		children: [
+			n && /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 h-full w-1 bg-tertiary-500-variant-2 z-10" }),
+			t != null && /* @__PURE__ */ jsx(EventDetailPriority, { priorityText: t }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-4 p-4",
+				children: [e != null && /* @__PURE__ */ jsx(EventDetailSummary, { summary: e }), r]
+			})
+		]
 	});
 }
-function EventDetailContentCalendar({ detail: { summary: e, body: t, priorityText: n }, className: r }) {
-	return /* @__PURE__ */ jsx(EventDetailContentHeader, {
+function EventDetailContentCalendar({ detail: { summary: e, body: t, priorityText: n, from: r, to: i, link: a, location: o }, className: s }) {
+	return /* @__PURE__ */ jsxs(EventDetailContentHeader, {
 		summary: e,
 		priorityText: n,
-		className: r,
-		children: /* @__PURE__ */ jsx(RichContent, {
-			className: "max-w-[1260px]",
+		className: s,
+		children: [/* @__PURE__ */ jsx(EventDetailContentCalendarDetails, {
+			from: r,
+			to: i,
+			link: a,
+			location: o
+		}), /* @__PURE__ */ jsx(RichContent, {
+			className: "max-w-[1260px px-4",
 			content: t
-		})
+		})]
 	});
 }
-function EventDetailContentEmail({ detail: { summary: e, body: t, priorityText: n }, className: r }) {
-	return /* @__PURE__ */ jsx(EventDetailContentHeader, {
+function EventDetailContentEmailDetails({ subject: e, to: t, date: n, from: r }) {
+	return /* @__PURE__ */ jsx(EventDetailContentDetailsPanel, { rows: [
+		{
+			label: "Subject",
+			value: e
+		},
+		{
+			label: "To",
+			value: t
+		},
+		{
+			label: "Date",
+			value: n
+		},
+		{
+			label: "From",
+			value: r
+		}
+	] });
+}
+function EventDetailContentEmail({ detail: { summary: e, body: t, priorityText: n, subject: r, to: i, date: a, from: o }, className: s }) {
+	return /* @__PURE__ */ jsxs(EventDetailContentHeader, {
 		summary: e,
 		priorityText: n,
-		className: r,
-		children: /* @__PURE__ */ jsx(RichContent, {
-			className: "max-w-[1260px]",
+		highlightPriority: !!n,
+		className: s,
+		children: [/* @__PURE__ */ jsx(EventDetailContentEmailDetails, {
+			subject: r,
+			to: i,
+			date: a,
+			from: o
+		}), /* @__PURE__ */ jsx(RichContent, {
+			className: "max-w-[1260px] px-4",
 			content: t
-		})
+		})]
 	});
 }
 function DateSeparator({ timestamp: e }) {
@@ -23952,7 +24140,7 @@ function DateSeparator({ timestamp: e }) {
 	});
 }
 function MessageActions({ isPriority: e, onExternalLinkClick: t, onMarkAsFireClick: n }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [t && /* @__PURE__ */ jsx(IconButton, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [t && /* @__PURE__ */ jsx(IconButton, {
 		icon: /* @__PURE__ */ jsx(ExternalLinkIcon, { size: 16 }),
 		className: "inline-flex shrink-0 items-center text-neutral-600 transition-colors hover:text-primary-500",
 		title: "Open in Slack",
@@ -24148,7 +24336,7 @@ function PriorityGroup({ group: e, children: t, onPreviousPriority: n, onNextPri
 				onMarkAsNotFireClick: i
 			}), t]
 		})]
-	}) : /* @__PURE__ */ jsx(Fragment, { children: t });
+	}) : /* @__PURE__ */ jsx(Fragment$1, { children: t });
 }
 function MessageGroup({ group: e, onPreviousPriority: t, onNextPriority: n }) {
 	return /* @__PURE__ */ jsxs("div", {
@@ -24166,7 +24354,11 @@ function MessageGroup({ group: e, onPreviousPriority: t, onNextPriority: n }) {
 	});
 }
 function EventDetailContentMessage({ detail: { groups: e, summary: t, priorityText: n }, className: r }) {
-	let i = e.filter((e) => e.isPriority).length, a = useRef(null), s = i, c = useCallback((t) => {
+	let i = e.filter((e) => e.isPriority).length, a = useRef(null), o = useRef(null);
+	useEffect(() => {
+		e.length > 0 && o.current?.scrollIntoView({ behavior: "smooth" });
+	}, [e]);
+	let c = i, u = useCallback((t) => {
 		if (!a.current) return;
 		let n = Array.from(a.current.querySelectorAll("[data-group-id][class*=\"scroll-mt\"]")).filter((t) => {
 			let n = t.getAttribute("data-group-id");
@@ -24184,16 +24376,16 @@ function EventDetailContentMessage({ detail: { groups: e, summary: t, priorityTe
 		summary: t,
 		priorityText: n,
 		className: r,
-		children: /* @__PURE__ */ jsx("div", {
+		children: /* @__PURE__ */ jsxs("div", {
 			ref: a,
 			className: "flex flex-col gap-4",
-			children: e.map((e) => {
-				let t = e.isPriority ? s-- : 0, n = t ? () => {
+			children: [e.map((e) => {
+				let t = e.isPriority ? c-- : 0, n = t ? () => {
 					let e = t + 1;
-					e <= i && c(e);
+					e <= i && u(e);
 				} : void 0, r = t ? () => {
 					let e = t - 1;
-					e >= 1 && c(e);
+					e >= 1 && u(e);
 				} : void 0;
 				return /* @__PURE__ */ jsx(MessageGroup, {
 					group: {
@@ -24204,26 +24396,101 @@ function EventDetailContentMessage({ detail: { groups: e, summary: t, priorityTe
 					onPreviousPriority: n,
 					onNextPriority: r
 				}, e.id);
-			})
+			}), /* @__PURE__ */ jsx("div", {
+				ref: o,
+				"aria-hidden": "true"
+			})]
 		})
 	});
 }
-function EventDetailContentTicket({ detail: { summary: e, body: t, priorityText: n }, className: r }) {
-	return /* @__PURE__ */ jsx(EventDetailContentHeader, {
+function EventDetailContentTicketDetails({ issue: e, notification: t, project: n, task: r, dueDate: i, startDate: a, assignees: o, reporter: s, team: c, location: l, related: u }) {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(EventDetailContentDetailsPanel, { rows: [
+		{
+			label: "Issue",
+			value: e
+		},
+		{
+			label: "Notification",
+			value: t
+		},
+		{
+			label: "Project",
+			value: n
+		},
+		{
+			label: "Task",
+			value: r
+		}
+	] }), /* @__PURE__ */ jsx(EventDetailContentDetailsPanel, {
+		title: "Issue",
+		rows: [
+			{
+				label: "Due Date",
+				value: i
+			},
+			{
+				label: "Start Date",
+				value: a
+			},
+			{
+				label: "Assignees",
+				value: o
+			},
+			{
+				label: "Reporter",
+				value: s
+			},
+			{
+				label: "Team",
+				value: c
+			},
+			{
+				label: "Location",
+				value: l
+			},
+			{
+				label: "Related",
+				value: u
+			}
+		]
+	})] });
+}
+function EventDetailContentTicket({ detail: { summary: e, body: t, priorityText: n, issue: r, notification: i, project: a, task: o, dueDate: s, startDate: c, assignees: l, reporter: u, team: f, location: p, related: eo }, className: h }) {
+	return /* @__PURE__ */ jsxs(EventDetailContentHeader, {
 		summary: e,
 		priorityText: n,
-		className: r,
-		children: /* @__PURE__ */ jsx(RichContent, {
-			className: "max-w-[1260px]",
-			content: t
-		})
+		highlightPriority: !!n,
+		className: h,
+		children: [
+			/* @__PURE__ */ jsx(EventDetailContentTicketDetails, {
+				issue: r,
+				notification: i,
+				project: a,
+				task: o,
+				dueDate: s,
+				startDate: c,
+				assignees: l,
+				reporter: u,
+				team: f,
+				location: p,
+				related: eo
+			}),
+			/* @__PURE__ */ jsx("h2", {
+				className: "px-4 text-sm font-bold text-neutral-900",
+				children: "Description"
+			}),
+			/* @__PURE__ */ jsx(RichContent, {
+				className: "max-w-[1260px] px-4",
+				content: t
+			})
+		]
 	});
 }
-function EventDetailHeader({ icon: e, subject: t, from: n, prefixTimestamp: i, timestamp: a, isPriority: o, isOpen: s, isFirstEvent: c, isSingleEvent: l, className: u }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex h-14 w-full items-center bg-white px-4 py-2", u),
+function EventDetailHeader({ icon: e, subject: t, from: n, prefixTimestamp: r, timestamp: a, isPriority: o, isOpen: s, isFirstEvent: c, isSingleEvent: l, className: u }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex h-14 w-full items-center bg-white px-4 py-2", o && "relative", u),
 		"data-priority": o,
-		children: /* @__PURE__ */ jsxs("div", {
+		children: [o && /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 z-10 h-full w-1 bg-tertiary-500-variant-2" }), /* @__PURE__ */ jsxs("div", {
 			className: "flex w-full items-center gap-4",
 			children: [
 				c && /* @__PURE__ */ jsx(IconButton, {
@@ -24257,9 +24524,9 @@ function EventDetailHeader({ icon: e, subject: t, from: n, prefixTimestamp: i, t
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "leading-[1.2]tracking-[0.12px] flex items-center gap-1 text-right text-xs whitespace-nowrap",
-					children: [i != null && /* @__PURE__ */ jsx("span", {
+					children: [r != null && /* @__PURE__ */ jsx("span", {
 						className: "font-normal text-neutral-600",
-						children: i
+						children: r
 					}), /* @__PURE__ */ jsx("span", {
 						className: "font-semibold text-neutral-800",
 						children: a
@@ -24285,7 +24552,7 @@ function EventDetailHeader({ icon: e, subject: t, from: n, prefixTimestamp: i, t
 					})]
 				})
 			]
-		})
+		})]
 	});
 }
 function EventDetailSkeleton({ className: e }) {
@@ -24383,7 +24650,7 @@ function EventDetail({ events: e, expandedEventIndex: t }) {
 	return /* @__PURE__ */ jsx(Accordion, {
 		className: "w-full",
 		defaultValue: t === void 0 ? getEventValue(e[0], 0) : getEventValue(e[t], t),
-		children: ({ openItems: t }) => /* @__PURE__ */ jsx(Fragment, { children: e.map((n, r) => {
+		children: ({ openItems: t }) => /* @__PURE__ */ jsx(Fragment$1, { children: e.map((n, r) => {
 			let i = getEventValue(n, r), a = t.has(i);
 			return /* @__PURE__ */ jsxs(AccordionItem, {
 				value: i,
@@ -24411,6 +24678,16 @@ function EventDetail({ events: e, expandedEventIndex: t }) {
 		}) })
 	});
 }
+const EventEmptyState = ({ title: e, description: t }) => /* @__PURE__ */ jsxs("div", {
+	className: "flex w-full flex-1 flex-col items-center justify-center gap-2 p-4",
+	children: [/* @__PURE__ */ jsx("h3", {
+		className: "text-sm leading-[1.3] font-medium text-neutral-900",
+		children: e
+	}), /* @__PURE__ */ jsx("p", {
+		className: "w-full text-center text-xs leading-[1.3] font-normal text-neutral-600",
+		children: t
+	})]
+});
 function FilterBarSkeleton({ itemCount: e = 3, className: t }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex flex-wrap items-center gap-2", t),
@@ -24503,11 +24780,11 @@ function IntegrationBarSkeleton({ orientation: e = "vertical", itemCount: t = 3,
 		})
 	});
 }
-function IntegrationBar({ orientation: e = "vertical", children: t, onAddMore: n, className: i }) {
+function IntegrationBar({ orientation: e = "vertical", children: t, onAddMore: n, className: r }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("size-full", e === "vertical" ? "overflow-x-hidden" : "overflow-y-hidden"),
 		children: /* @__PURE__ */ jsxs("div", {
-			className: cn("grid h-full w-full place-items-center gap-4", e === "vertical" ? "grid-cols-1" : "auto-cols-max grid-flow-col", i),
+			className: cn("grid h-full w-full place-items-center gap-4", e === "vertical" ? "grid-cols-1" : "auto-cols-max grid-flow-col", r),
 			children: [
 				t.map((e) => cloneElement(e, {})),
 				/* @__PURE__ */ jsx(Divider, { orientation: e === "vertical" ? "horizontal" : "vertical" }),
@@ -24534,7 +24811,7 @@ function IntegrationItemSkeleton() {
 		})
 	});
 }
-function IntegrationsCard({ icon: e, name: t, maxConnectionsPerService: i, connectLabel: a, onConnect: o, isLoading: s, children: c }) {
+function IntegrationsCard({ icon: e, name: t, maxConnectionsPerService: r, connectLabel: a, onConnect: o, isLoading: s, children: c }) {
 	let l = Children.toArray(c).length;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-4 rounded-lg border border-neutral-400 bg-white p-4",
@@ -24559,10 +24836,10 @@ function IntegrationsCard({ icon: e, name: t, maxConnectionsPerService: i, conne
 							children: t
 						}), /* @__PURE__ */ jsx("div", {
 							className: "text-xs font-normal text-neutral-800",
-							children: `${l} of ${i} accounts`
+							children: `${l} of ${r} accounts`
 						})]
 					})]
-				}), l < i && !s && /* @__PURE__ */ jsx(Button, {
+				}), l < r && !s && /* @__PURE__ */ jsx(Button, {
 					className: "flex shrink-0 items-center gap-1 rounded-lg border border-brand-primary bg-white px-2 py-1 text-xs font-bold text-brand-primary transition-opacity hover:opacity-70",
 					onClick: o,
 					children: a
@@ -24817,6 +25094,6 @@ function QtaloImage({ size: e = 40, className: t, ...n }) {
 		}) })]
 	});
 }
-export { AVATAR_COLOR, AVATAR_COLOR_KEYS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountIcon, AccountInfo, ActionMenu, ActionMenuItem, AddIcon, ArrowIcon, AsanaIcon, Avatar, Badge, BulkActions, BulkActionsSkeleton, Button, CalendarIcon, Card, CardContent, CardFooter, CardHeader, CardLayout, CardSidebar, CardTitle, CheckCircleEmptyIcon, CheckCircleIcon, Checkbox, CheckboxIcon, ClickUpIcon, CloseIcon, CompactDensityIcon, CopyIcon, DarkIcon, DatePicker, Divider, Dropdown, DropdownContext, DropdownMenu, DropdownMenuItem, EVENT_CARD_HEIGHT_SIZE, EventCard, EventCardSkeleton, EventDetail, EventDetailContentCalendar, EventDetailContentEmail, EventDetailContentHeader, EventDetailContentMessage, EventDetailContentTicket, EventDetailHeader, EventDetailPriority, EventDetailSkeleton, EventDetailSummary, ExternalLinkIcon, FilterBar, FilterBarSkeleton, FilterButton, FireIcon, GmailIcon, GoogleCalendarIcon, Icon, IconButton, IconCountButton, IconCountButtonSkeleton, InfoTooltip, Input, InsightIcon, IntegrationBar, IntegrationBarSkeleton, IntegrationItem, IntegrationItemSkeleton, IntegrationsCard, JiraIcon, LightIcon, LogoIcon, MinusIcon, MoreIcon, NormalDensityIcon, NotFireIcon, OutlookCalendarIcon, OutlookIcon, Pressable, QtaloImage, ReadIcon, RichContent, SearchIcon, SearchInput, Skeleton, SlackIcon, StatusBadge, StopPropagation, SummaryIcon, SystemIcon, TeamsIcon, Toaster, Tooltip, UnreadIcon, capitalize, cn, colors, formatDate, formatDateRange, formatTimestamp, generateCalendarDays, getDaysInMonth, getFirstDayOfMonth, getInitials, getMonthName, getWeekdays, isDateBefore, isDateInRange, isSameDay, isToday, normalizeContent, parseDate, pickColorFromPalette, stringHash, toMondayBased, toast, toastStore, useAccordion, useDropdown, useLongPress };
+export { AVATAR_COLOR, AVATAR_COLOR_KEYS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountIcon, AccountInfo, ActionMenu, ActionMenuItem, AddIcon, ArrowIcon, AsanaIcon, Avatar, Badge, BulkActions, BulkActionsSkeleton, Button, CalendarIcon, Card, CardContent, CardFooter, CardHeader, CardLayout, CardSidebar, CardTitle, CheckCircleEmptyIcon, CheckCircleIcon, Checkbox, CheckboxIcon, ClickUpIcon, CloseIcon, CompactDensityIcon, CopyIcon, DarkIcon, DatePicker, Divider, Dropdown, DropdownContext, DropdownMenu, DropdownMenuItem, EVENT_CARD_HEIGHT_SIZE, EventCard, EventCardSkeleton, EventDetail, EventDetailContentCalendar, EventDetailContentEmail, EventDetailContentHeader, EventDetailContentMessage, EventDetailContentTicket, EventDetailHeader, EventDetailPriority, EventDetailSkeleton, EventDetailSummary, EventEmptyState, ExternalLinkIcon, FilterBar, FilterBarSkeleton, FilterButton, FireIcon, GmailIcon, GoogleCalendarIcon, Icon, IconButton, IconCountButton, IconCountButtonSkeleton, InfoTooltip, Input, InsightIcon, IntegrationBar, IntegrationBarSkeleton, IntegrationItem, IntegrationItemSkeleton, IntegrationsCard, JiraIcon, LightIcon, LogoIcon, MinusIcon, MoreIcon, NormalDensityIcon, NotFireIcon, OutlookCalendarIcon, OutlookIcon, Pressable, QtaloImage, ReadIcon, RichContent, SearchIcon, SearchInput, Skeleton, SlackIcon, StatusBadge, StopPropagation, SummaryIcon, SystemIcon, TeamsIcon, Toaster, Tooltip, UnreadIcon, capitalize, cn, colors, formatDate, formatDateRange, formatTimestamp, generateCalendarDays, getDaysInMonth, getFirstDayOfMonth, getInitials, getMonthName, getWeekdays, isDateBefore, isDateInRange, isSameDay, isToday, normalizeContent, parseDate, pickColorFromPalette, stringHash, toMondayBased, toast, toastStore, useAccordion, useDropdown, useLongPress };
 
 //# sourceMappingURL=index.js.map