@qtalo/qt-ui-library 0.1.18 → 0.1.19

package/dist/index.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
-import { Children, Fragment, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { Children, Fragment, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useId, 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";
@@ -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: p, trustedTypes: h } = e, g = c.prototype, O = lookupGetter(g, "cloneNode"), yo = lookupGetter(g, "remove"), bo = lookupGetter(g, "nextSibling"), A = lookupGetter(g, "childNodes"), xo = lookupGetter(g, "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: h } = e, Uo = c.prototype, g = lookupGetter(Uo, "cloneNode"), O = lookupGetter(Uo, "remove"), Wo = lookupGetter(Uo, "nextSibling"), Go = lookupGetter(Uo, "childNodes"), Ko = lookupGetter(Uo, "parentNode");
 	if (typeof o == "function") {
 		let e = n.createElement("template");
 		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
 	}
-	let R, So = "", { implementation: Co, createNodeIterator: wo, createDocumentFragment: To, getElementsByTagName: Eo } = n, { importNode: Do } = r, Oo = _createHooksMap();
-	t.isSupported = typeof entries == "function" && typeof xo == "function" && Co && Co.createHTMLDocument !== void 0;
-	let { MUSTACHE_EXPR: ko, ERB_EXPR: Ao, TMPLIT_EXPR: jo, DATA_ATTR: Mo, ARIA_ATTR: No, IS_SCRIPT_OR_DATA: Po, ATTR_WHITESPACE: Fo, CUSTOM_ELEMENT: Io } = EXPRESSIONS, { IS_ALLOWED_URI: Lo } = EXPRESSIONS, B = null, Ro = addToSet({}, [
+	let A, R = "", { implementation: qo, createNodeIterator: Jo, createDocumentFragment: Yo, getElementsByTagName: Xo } = n, { importNode: Zo } = r, B = _createHooksMap();
+	t.isSupported = typeof entries == "function" && typeof Ko == "function" && qo && qo.createHTMLDocument !== void 0;
+	let { MUSTACHE_EXPR: Qo, ERB_EXPR: $o, TMPLIT_EXPR: es, DATA_ATTR: ts, ARIA_ATTR: ns, IS_SCRIPT_OR_DATA: rs, ATTR_WHITESPACE: is, CUSTOM_ELEMENT: as } = EXPRESSIONS, { IS_ALLOWED_URI: os } = EXPRESSIONS, V = null, ss = addToSet({}, [
 		...html$1,
 		...svg$1,
 		...svgFilters,
 		...mathMl$1,
 		...text
-	]), V = null, zo = addToSet({}, [
+	]), cs = null, ls = addToSet({}, [
 		...html,
 		...svg,
 		...mathMl,
@@ -363,7 +363,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: !1
 		}
-	})), Bo = null, Vo = null, Ho = Object.seal(create(null, {
+	})), us = null, ds = null, fs = Object.seal(create(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -376,7 +376,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: null
 		}
-	})), Uo = !0, Wo = !0, Go = !1, Ko = !0, qo = !1, Jo = !0, Yo = !1, Xo = !1, Zo = !1, Qo = !1, $o = !1, es = !1, ts = !0, ns = !1, rs = !0, is = !1, as = {}, os = null, ss = addToSet({}, [
+	})), ps = !0, ms = !0, hs = !1, gs = !0, _s = !1, vs = !0, ys = !1, bs = !1, xs = !1, Ss = !1, Cs = !1, ws = !1, Ts = !0, Es = !1, Ds = !0, Os = !1, ks = {}, As = null, js = addToSet({}, [
 		"annotation-xml",
 		"audio",
 		"colgroup",
@@ -402,14 +402,14 @@ function createDOMPurify() {
 		"title",
 		"video",
 		"xmp"
-	]), cs = null, ls = addToSet({}, [
+	]), Ms = null, Ns = addToSet({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), us = null, ds = addToSet({}, [
+	]), Ps = null, Fs = addToSet({}, [
 		"alt",
 		"class",
 		"for",
@@ -424,58 +424,58 @@ function createDOMPurify() {
 		"value",
 		"style",
 		"xmlns"
-	]), fs = "http://www.w3.org/1998/Math/MathML", ps = "http://www.w3.org/2000/svg", ms = "http://www.w3.org/1999/xhtml", hs = ms, gs = !1, _s = null, vs = addToSet({}, [
-		fs,
-		ps,
-		ms
-	], stringToString), ys = addToSet({}, [
+	]), Is = "http://www.w3.org/1998/Math/MathML", Ls = "http://www.w3.org/2000/svg", Rs = "http://www.w3.org/1999/xhtml", zs = Rs, Bs = !1, Vs = null, Hs = addToSet({}, [
+		Is,
+		Ls,
+		Rs
+	], stringToString), Us = addToSet({}, [
 		"mi",
 		"mo",
 		"mn",
 		"ms",
 		"mtext"
-	]), bs = addToSet({}, ["annotation-xml"]), xs = addToSet({}, [
+	]), Ws = addToSet({}, ["annotation-xml"]), Gs = addToSet({}, [
 		"title",
 		"style",
 		"font",
 		"a",
 		"script"
-	]), Ss = null, Cs = ["application/xhtml+xml", "text/html"], Y = null, ws = null, Ts = n.createElement("form"), Es = function(e) {
+	]), Ks = null, qs = ["application/xhtml+xml", "text/html"], Y = null, Js = null, Ys = n.createElement("form"), Xs = function(e) {
 		return e instanceof RegExp || e instanceof Function;
-	}, Ds = function() {
+	}, Zs = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		if (!(ws && ws === e)) {
-			if ((!e || typeof e != "object") && (e = {}), e = clone(e), Ss = Cs.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Y = Ss === "application/xhtml+xml" ? stringToString : stringToLowerCase, B = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, Y) : Ro, V = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, Y) : zo, _s = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : vs, us = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(ds), e.ADD_URI_SAFE_ATTR, Y) : ds, cs = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(ls), e.ADD_DATA_URI_TAGS, Y) : ls, os = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, Y) : ss, Bo = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, Y) : clone({}), Vo = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, Y) : clone({}), as = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, Uo = e.ALLOW_ARIA_ATTR !== !1, Wo = e.ALLOW_DATA_ATTR !== !1, Go = e.ALLOW_UNKNOWN_PROTOCOLS || !1, Ko = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, qo = e.SAFE_FOR_TEMPLATES || !1, Jo = e.SAFE_FOR_XML !== !1, Yo = e.WHOLE_DOCUMENT || !1, Qo = e.RETURN_DOM || !1, $o = e.RETURN_DOM_FRAGMENT || !1, es = e.RETURN_TRUSTED_TYPE || !1, Zo = e.FORCE_BODY || !1, ts = e.SANITIZE_DOM !== !1, ns = e.SANITIZE_NAMED_PROPS || !1, rs = e.KEEP_CONTENT !== !1, is = e.IN_PLACE || !1, Lo = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, hs = e.NAMESPACE || ms, ys = e.MATHML_TEXT_INTEGRATION_POINTS || ys, bs = e.HTML_INTEGRATION_POINTS || bs, H = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && Es(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (H.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && Es(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), qo && (Wo = !1), $o && (Qo = !0), as && (B = addToSet({}, text), V = [], as.html === !0 && (addToSet(B, html$1), addToSet(V, html)), as.svg === !0 && (addToSet(B, svg$1), addToSet(V, svg), addToSet(V, xml)), as.svgFilters === !0 && (addToSet(B, svgFilters), addToSet(V, svg), addToSet(V, xml)), as.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 === Ro && (B = clone(B)), addToSet(B, e.ADD_TAGS, Y))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? Ho.attributeCheck = e.ADD_ATTR : (V === zo && (V = clone(V)), addToSet(V, e.ADD_ATTR, Y))), e.ADD_URI_SAFE_ATTR && addToSet(us, e.ADD_URI_SAFE_ATTR, Y), e.FORBID_CONTENTS && (os === ss && (os = clone(os)), addToSet(os, e.FORBID_CONTENTS, Y)), e.ADD_FORBID_CONTENTS && (os === ss && (os = clone(os)), addToSet(os, e.ADD_FORBID_CONTENTS, Y)), rs && (B["#text"] = !0), Yo && addToSet(B, [
+		if (!(Js && Js === e)) {
+			if ((!e || typeof e != "object") && (e = {}), e = clone(e), Ks = qs.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Y = Ks === "application/xhtml+xml" ? stringToString : stringToLowerCase, V = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, Y) : ss, cs = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, Y) : ls, Vs = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : Hs, Ps = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(Fs), e.ADD_URI_SAFE_ATTR, Y) : Fs, Ms = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(Ns), e.ADD_DATA_URI_TAGS, Y) : Ns, As = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, Y) : js, us = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, Y) : clone({}), ds = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, Y) : clone({}), ks = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, ps = e.ALLOW_ARIA_ATTR !== !1, ms = e.ALLOW_DATA_ATTR !== !1, hs = e.ALLOW_UNKNOWN_PROTOCOLS || !1, gs = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, _s = e.SAFE_FOR_TEMPLATES || !1, vs = e.SAFE_FOR_XML !== !1, ys = e.WHOLE_DOCUMENT || !1, Ss = e.RETURN_DOM || !1, Cs = e.RETURN_DOM_FRAGMENT || !1, ws = e.RETURN_TRUSTED_TYPE || !1, xs = e.FORCE_BODY || !1, Ts = e.SANITIZE_DOM !== !1, Es = e.SANITIZE_NAMED_PROPS || !1, Ds = e.KEEP_CONTENT !== !1, Os = e.IN_PLACE || !1, os = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, zs = e.NAMESPACE || Rs, Us = e.MATHML_TEXT_INTEGRATION_POINTS || Us, Ws = e.HTML_INTEGRATION_POINTS || Ws, H = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && Xs(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (H.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && Xs(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), _s && (ms = !1), Cs && (Ss = !0), ks && (V = addToSet({}, text), cs = [], ks.html === !0 && (addToSet(V, html$1), addToSet(cs, html)), ks.svg === !0 && (addToSet(V, svg$1), addToSet(cs, svg), addToSet(cs, xml)), ks.svgFilters === !0 && (addToSet(V, svgFilters), addToSet(cs, svg), addToSet(cs, xml)), ks.mathMl === !0 && (addToSet(V, mathMl$1), addToSet(cs, mathMl), addToSet(cs, xml))), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? fs.tagCheck = e.ADD_TAGS : (V === ss && (V = clone(V)), addToSet(V, e.ADD_TAGS, Y))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? fs.attributeCheck = e.ADD_ATTR : (cs === ls && (cs = clone(cs)), addToSet(cs, e.ADD_ATTR, Y))), e.ADD_URI_SAFE_ATTR && addToSet(Ps, e.ADD_URI_SAFE_ATTR, Y), e.FORBID_CONTENTS && (As === js && (As = clone(As)), addToSet(As, e.FORBID_CONTENTS, Y)), e.ADD_FORBID_CONTENTS && (As === js && (As = clone(As)), addToSet(As, e.ADD_FORBID_CONTENTS, Y)), Ds && (V["#text"] = !0), ys && addToSet(V, [
 				"html",
 				"head",
 				"body"
-			]), B.table && (addToSet(B, ["tbody"]), delete Bo.tbody), e.TRUSTED_TYPES_POLICY) {
+			]), V.table && (addToSet(V, ["tbody"]), delete us.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.");
-				R = e.TRUSTED_TYPES_POLICY, So = R.createHTML("");
-			} else R === void 0 && (R = _createTrustedTypesPolicy(h, i)), R !== null && typeof So == "string" && (So = R.createHTML(""));
-			freeze && freeze(e), ws = e;
+				A = e.TRUSTED_TYPES_POLICY, R = A.createHTML("");
+			} else A === void 0 && (A = _createTrustedTypesPolicy(h, i)), A !== null && typeof R == "string" && (R = A.createHTML(""));
+			freeze && freeze(e), Js = e;
 		}
-	}, Os = addToSet({}, [
+	}, Qs = addToSet({}, [
 		...svg$1,
 		...svgFilters,
 		...svgDisallowed
-	]), ks = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), As = function(e) {
-		let t = xo(e);
+	]), $s = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), ec = function(e) {
+		let t = Ko(e);
 		(!t || !t.tagName) && (t = {
-			namespaceURI: hs,
+			namespaceURI: zs,
 			tagName: "template"
 		});
 		let n = stringToLowerCase(e.tagName), r = stringToLowerCase(t.tagName);
-		return _s[e.namespaceURI] ? e.namespaceURI === ps ? t.namespaceURI === ms ? n === "svg" : t.namespaceURI === fs ? n === "svg" && (r === "annotation-xml" || ys[r]) : !!Os[n] : e.namespaceURI === fs ? t.namespaceURI === ms ? n === "math" : t.namespaceURI === ps ? n === "math" && bs[r] : !!ks[n] : e.namespaceURI === ms ? t.namespaceURI === ps && !bs[r] || t.namespaceURI === fs && !ys[r] ? !1 : !ks[n] && (xs[n] || !Os[n]) : !!(Ss === "application/xhtml+xml" && _s[e.namespaceURI]) : !1;
-	}, js = function(e) {
+		return Vs[e.namespaceURI] ? e.namespaceURI === Ls ? t.namespaceURI === Rs ? n === "svg" : t.namespaceURI === Is ? n === "svg" && (r === "annotation-xml" || Us[r]) : !!Qs[n] : e.namespaceURI === Is ? t.namespaceURI === Rs ? n === "math" : t.namespaceURI === Ls ? n === "math" && Ws[r] : !!$s[n] : e.namespaceURI === Rs ? t.namespaceURI === Ls && !Ws[r] || t.namespaceURI === Is && !Us[r] ? !1 : !$s[n] && (Gs[n] || !Qs[n]) : !!(Ks === "application/xhtml+xml" && Vs[e.namespaceURI]) : !1;
+	}, tc = function(e) {
 		arrayPush(t.removed, { element: e });
 		try {
-			xo(e).removeChild(e);
+			Ko(e).removeChild(e);
 		} catch {
-			yo(e);
+			O(e);
 		}
-	}, Ms = function(e, n) {
+	}, nc = function(e, n) {
 		try {
 			arrayPush(t.removed, {
 				attribute: n.getAttributeNode(e),
@@ -487,196 +487,196 @@ function createDOMPurify() {
 				from: n
 			});
 		}
-		if (n.removeAttribute(e), e === "is") if (Qo || $o) try {
-			js(n);
+		if (n.removeAttribute(e), e === "is") if (Ss || Cs) try {
+			tc(n);
 		} catch {}
 		else try {
 			n.setAttribute(e, "");
 		} catch {}
-	}, Ns = function(e) {
+	}, rc = function(e) {
 		let t = null, r = null;
-		if (Zo) e = "<remove></remove>" + e;
+		if (xs) e = "<remove></remove>" + e;
 		else {
 			let t = stringMatch(e, /^[\r\n\t ]+/);
 			r = t && t[0];
 		}
-		Ss === "application/xhtml+xml" && hs === ms && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
-		let i = R ? R.createHTML(e) : e;
-		if (hs === ms) try {
-			t = new p().parseFromString(i, Ss);
+		Ks === "application/xhtml+xml" && zs === Rs && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
+		let i = A ? A.createHTML(e) : e;
+		if (zs === Rs) try {
+			t = new p().parseFromString(i, Ks);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = Co.createDocument(hs, "template", null);
+			t = qo.createDocument(zs, "template", null);
 			try {
-				t.documentElement.innerHTML = gs ? So : i;
+				t.documentElement.innerHTML = Bs ? R : i;
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), hs === ms ? Eo.call(t, Yo ? "html" : "body")[0] : Yo ? t.documentElement : a;
-	}, Ps = function(e) {
-		return wo.call(e.ownerDocument || e, e, l.SHOW_ELEMENT | l.SHOW_COMMENT | l.SHOW_TEXT | l.SHOW_PROCESSING_INSTRUCTION | l.SHOW_CDATA_SECTION, null);
-	}, Fs = function(e) {
+		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), zs === Rs ? Xo.call(t, ys ? "html" : "body")[0] : ys ? t.documentElement : a;
+	}, ic = function(e) {
+		return Jo.call(e.ownerDocument || e, e, l.SHOW_ELEMENT | l.SHOW_COMMENT | l.SHOW_TEXT | l.SHOW_PROCESSING_INSTRUCTION | l.SHOW_CDATA_SECTION, null);
+	}, ac = 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");
-	}, Is = function(e) {
+	}, oc = function(e) {
 		return typeof s == "function" && e instanceof s;
 	};
-	function Ls(e, n, r) {
+	function sc(e, n, r) {
 		arrayForEach(e, (e) => {
-			e.call(t, n, r, ws);
+			e.call(t, n, r, Js);
 		});
 	}
-	let Rs = function(e) {
+	let cc = function(e) {
 		let n = null;
-		if (Ls(Oo.beforeSanitizeElements, e, null), Fs(e)) return js(e), !0;
+		if (sc(B.beforeSanitizeElements, e, null), ac(e)) return tc(e), !0;
 		let r = Y(e.nodeName);
-		if (Ls(Oo.uponSanitizeElement, e, {
+		if (sc(B.uponSanitizeElement, e, {
 			tagName: r,
-			allowedTags: B
-		}), Jo && e.hasChildNodes() && !Is(e.firstElementChild) && regExpTest(/<[/\w!]/g, e.innerHTML) && regExpTest(/<[/\w!]/g, e.textContent) || e.nodeType === NODE_TYPE.progressingInstruction || Jo && e.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, e.data)) return js(e), !0;
-		if (!(Ho.tagCheck instanceof Function && Ho.tagCheck(r)) && (!B[r] || Bo[r])) {
-			if (!Bo[r] && Bs(r) && (H.tagNameCheck instanceof RegExp && regExpTest(H.tagNameCheck, r) || H.tagNameCheck instanceof Function && H.tagNameCheck(r))) return !1;
-			if (rs && !os[r]) {
-				let t = xo(e) || e.parentNode, n = A(e) || e.childNodes;
+			allowedTags: V
+		}), vs && e.hasChildNodes() && !oc(e.firstElementChild) && regExpTest(/<[/\w!]/g, e.innerHTML) && regExpTest(/<[/\w!]/g, e.textContent) || e.nodeType === NODE_TYPE.progressingInstruction || vs && e.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, e.data)) return tc(e), !0;
+		if (!(fs.tagCheck instanceof Function && fs.tagCheck(r)) && (!V[r] || us[r])) {
+			if (!us[r] && uc(r) && (H.tagNameCheck instanceof RegExp && regExpTest(H.tagNameCheck, r) || H.tagNameCheck instanceof Function && H.tagNameCheck(r))) return !1;
+			if (Ds && !As[r]) {
+				let t = Ko(e) || e.parentNode, n = Go(e) || e.childNodes;
 				if (n && t) {
 					let r = n.length;
 					for (let i = r - 1; i >= 0; --i) {
-						let r = O(n[i], !0);
-						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, bo(e));
+						let r = g(n[i], !0);
+						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, Wo(e));
 					}
 				}
 			}
-			return js(e), !0;
+			return tc(e), !0;
 		}
-		return e instanceof c && !As(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (js(e), !0) : (qo && e.nodeType === NODE_TYPE.text && (n = e.textContent, arrayForEach([
-			ko,
-			Ao,
-			jo
+		return e instanceof c && !ec(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (tc(e), !0) : (_s && e.nodeType === NODE_TYPE.text && (n = e.textContent, arrayForEach([
+			Qo,
+			$o,
+			es
 		], (e) => {
 			n = stringReplace(n, e, " ");
-		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), Ls(Oo.afterSanitizeElements, e, null), !1);
-	}, zs = function(e, t, r) {
-		if (ts && (t === "id" || t === "name") && (r in n || r in Ts)) return !1;
-		if (!(Wo && !Vo[t] && regExpTest(Mo, t)) && !(Uo && regExpTest(No, t)) && !(Ho.attributeCheck instanceof Function && Ho.attributeCheck(t, e))) {
-			if (!V[t] || Vo[t]) {
-				if (!(Bs(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 (!us[t] && !regExpTest(Lo, stringReplace(r, Fo, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(r, "data:") === 0 && cs[e]) && !(Go && !regExpTest(Po, stringReplace(r, Fo, ""))) && r) return !1;
+		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), sc(B.afterSanitizeElements, e, null), !1);
+	}, lc = function(e, t, r) {
+		if (Ts && (t === "id" || t === "name") && (r in n || r in Ys)) return !1;
+		if (!(ms && !ds[t] && regExpTest(ts, t)) && !(ps && regExpTest(ns, t)) && !(fs.attributeCheck instanceof Function && fs.attributeCheck(t, e))) {
+			if (!cs[t] || ds[t]) {
+				if (!(uc(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 (!Ps[t] && !regExpTest(os, stringReplace(r, is, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(r, "data:") === 0 && Ms[e]) && !(hs && !regExpTest(rs, stringReplace(r, is, ""))) && r) return !1;
 		}
 		return !0;
-	}, Bs = function(e) {
-		return e !== "annotation-xml" && stringMatch(e, Io);
-	}, Vs = function(e) {
-		Ls(Oo.beforeSanitizeAttributes, e, null);
+	}, uc = function(e) {
+		return e !== "annotation-xml" && stringMatch(e, as);
+	}, dc = function(e) {
+		sc(B.beforeSanitizeAttributes, e, null);
 		let { attributes: n } = e;
-		if (!n || Fs(e)) return;
+		if (!n || ac(e)) return;
 		let r = {
 			attrName: "",
 			attrValue: "",
 			keepAttr: !0,
-			allowedAttributes: V,
+			allowedAttributes: cs,
 			forceKeepAttr: void 0
 		}, 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, Ls(Oo.uponSanitizeAttribute, e, r), u = r.attrValue, ns && (c === "id" || c === "name") && (Ms(a, e), u = "user-content-" + u), Jo && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
-				Ms(a, e);
+			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, sc(B.uponSanitizeAttribute, e, r), u = r.attrValue, Es && (c === "id" || c === "name") && (nc(a, e), u = "user-content-" + u), vs && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
+				nc(a, e);
 				continue;
 			}
 			if (c === "attributename" && stringMatch(u, "href")) {
-				Ms(a, e);
+				nc(a, e);
 				continue;
 			}
 			if (r.forceKeepAttr) continue;
 			if (!r.keepAttr) {
-				Ms(a, e);
+				nc(a, e);
 				continue;
 			}
-			if (!Ko && regExpTest(/\/>/i, u)) {
-				Ms(a, e);
+			if (!gs && regExpTest(/\/>/i, u)) {
+				nc(a, e);
 				continue;
 			}
-			qo && arrayForEach([
-				ko,
-				Ao,
-				jo
+			_s && arrayForEach([
+				Qo,
+				$o,
+				es
 			], (e) => {
 				u = stringReplace(u, e, " ");
 			});
 			let f = Y(e.nodeName);
-			if (!zs(f, c, u)) {
-				Ms(a, e);
+			if (!lc(f, c, u)) {
+				nc(a, e);
 				continue;
 			}
-			if (R && typeof h == "object" && typeof h.getAttributeType == "function" && !o) switch (h.getAttributeType(f, c)) {
+			if (A && typeof h == "object" && typeof h.getAttributeType == "function" && !o) switch (h.getAttributeType(f, c)) {
 				case "TrustedHTML":
-					u = R.createHTML(u);
+					u = A.createHTML(u);
 					break;
 				case "TrustedScriptURL":
-					u = R.createScriptURL(u);
+					u = A.createScriptURL(u);
 					break;
 			}
 			if (u !== l) try {
-				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), Fs(e) ? js(e) : arrayPop(t.removed);
+				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), ac(e) ? tc(e) : arrayPop(t.removed);
 			} catch {
-				Ms(a, e);
+				nc(a, e);
 			}
 		}
-		Ls(Oo.afterSanitizeAttributes, e, null);
-	}, Hs = function e(t) {
-		let n = null, r = Ps(t);
-		for (Ls(Oo.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) Ls(Oo.uponSanitizeShadowNode, n, null), Rs(n), Vs(n), n.content instanceof a && e(n.content);
-		Ls(Oo.afterSanitizeShadowDOM, t, null);
+		sc(B.afterSanitizeAttributes, e, null);
+	}, fc = function e(t) {
+		let n = null, r = ic(t);
+		for (sc(B.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) sc(B.uponSanitizeShadowNode, n, null), cc(n), dc(n), n.content instanceof a && e(n.content);
+		sc(B.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 (gs = !e, gs && (e = "<!-->"), typeof e != "string" && !Is(e)) if (typeof e.toString == "function") {
+		if (Bs = !e, Bs && (e = "<!-->"), typeof e != "string" && !oc(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 (Xo || Ds(n), t.removed = [], typeof e == "string" && (is = !1), is) {
+		if (bs || Zs(n), t.removed = [], typeof e == "string" && (Os = !1), Os) {
 			if (e.nodeName) {
 				let t = Y(e.nodeName);
-				if (!B[t] || Bo[t]) throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
+				if (!V[t] || us[t]) throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
 			}
-		} else if (e instanceof s) i = Ns("<!---->"), 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 = rc("<!---->"), o = i.ownerDocument.importNode(e, !0), o.nodeType === NODE_TYPE.element && o.nodeName === "BODY" || o.nodeName === "HTML" ? i = o : i.appendChild(o);
 		else {
-			if (!Qo && !qo && !Yo && e.indexOf("<") === -1) return R && es ? R.createHTML(e) : e;
-			if (i = Ns(e), !i) return Qo ? null : es ? So : "";
+			if (!Ss && !_s && !ys && e.indexOf("<") === -1) return A && ws ? A.createHTML(e) : e;
+			if (i = rc(e), !i) return Ss ? null : ws ? R : "";
 		}
-		i && Zo && js(i.firstChild);
-		let u = Ps(is ? e : i);
-		for (; c = u.nextNode();) Rs(c), Vs(c), c.content instanceof a && Hs(c.content);
-		if (is) return e;
-		if (Qo) {
-			if ($o) for (l = To.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
+		i && xs && tc(i.firstChild);
+		let u = ic(Os ? e : i);
+		for (; c = u.nextNode();) cc(c), dc(c), c.content instanceof a && fc(c.content);
+		if (Os) return e;
+		if (Ss) {
+			if (Cs) for (l = Yo.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
 			else l = i;
-			return (V.shadowroot || V.shadowrootmode) && (l = Do.call(r, l, !0)), l;
+			return (cs.shadowroot || cs.shadowrootmode) && (l = Zo.call(r, l, !0)), l;
 		}
-		let f = Yo ? i.outerHTML : i.innerHTML;
-		return Yo && 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), qo && arrayForEach([
-			ko,
-			Ao,
-			jo
+		let f = ys ? i.outerHTML : i.innerHTML;
+		return ys && V["!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), _s && arrayForEach([
+			Qo,
+			$o,
+			es
 		], (e) => {
 			f = stringReplace(f, e, " ");
-		}), R && es ? R.createHTML(f) : f;
+		}), A && ws ? A.createHTML(f) : f;
 	}, t.setConfig = function() {
-		Ds(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), Xo = !0;
+		Zs(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), bs = !0;
 	}, t.clearConfig = function() {
-		ws = null, Xo = !1;
+		Js = null, bs = !1;
 	}, t.isValidAttribute = function(e, t, n) {
-		return ws || Ds({}), zs(Y(e), Y(t), n);
+		return Js || Zs({}), lc(Y(e), Y(t), n);
 	}, t.addHook = function(e, t) {
-		typeof t == "function" && arrayPush(Oo[e], t);
+		typeof t == "function" && arrayPush(B[e], t);
 	}, t.removeHook = function(e, t) {
 		if (t !== void 0) {
-			let n = arrayLastIndexOf(Oo[e], t);
-			return n === -1 ? void 0 : arraySplice(Oo[e], n, 1)[0];
+			let n = arrayLastIndexOf(B[e], t);
+			return n === -1 ? void 0 : arraySplice(B[e], n, 1)[0];
 		}
-		return arrayPop(Oo[e]);
+		return arrayPop(B[e]);
 	}, t.removeHooks = function(e) {
-		Oo[e] = [];
+		B[e] = [];
 	}, t.removeAllHooks = function() {
-		Oo = _createHooksMap();
+		B = _createHooksMap();
 	}, t;
 }
 var purify = createDOMPurify();
@@ -21328,33 +21328,33 @@ function Button({ className: e, children: t, ...n }) {
 	});
 }
 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, g] = useState(t ?? !1), O = e ?? f;
+	let u = useRef(null), [f, p] = useState(t ?? !1), g = e ?? f;
 	useEffect(() => {
 		u.current && (u.current.indeterminate = !!r);
 	}, [r]);
-	function A(t) {
+	function O(t) {
 		let n = t.target.checked;
-		e === void 0 && g(n), a?.(n);
+		e === void 0 && p(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", c),
+		className: cn("gap-2 relative inline-flex w-fit cursor-pointer items-center select-none", o && "pointer-events-none opacity-50", c),
 		children: [
 			/* @__PURE__ */ jsx("input", {
 				ref: u,
 				type: "checkbox",
-				className: cn("absolute h-px w-px overflow-hidden p-0 whitespace-nowrap", "[clip-path:inset(50%)]", "border-0"),
+				className: cn("p-0 absolute h-px w-px overflow-hidden whitespace-nowrap", "[clip-path:inset(50%)]", "border-0"),
 				disabled: o,
-				onChange: A,
+				onChange: O,
 				...e === void 0 ? { defaultChecked: t } : { checked: e }
 			}),
 			/* @__PURE__ */ jsx("span", {
 				role: "checkbox",
-				"aria-checked": r ? "mixed" : O,
+				"aria-checked": r ? "mixed" : g,
 				tabIndex: -1,
-				"data-state": r ? "indeterminate" : O ? "checked" : "unchecked",
+				"data-state": r ? "indeterminate" : g ? "checked" : "unchecked",
 				className: "checkbox-box inline-flex items-center justify-center",
 				children: /* @__PURE__ */ jsx("span", {
-					className: cn("checkbox-icon", !(O || r) && "opacity-0"),
+					className: cn("checkbox-icon", !(g || r) && "opacity-0"),
 					children: r ? i ?? "—" : n ?? "✓"
 				})
 			}),
@@ -21371,60 +21371,75 @@ function useDropdown() {
 	if (!e) throw Error("useDropdown must be used inside Dropdown");
 	return e;
 }
-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), g = useRef(null), O = useRef(null), [xo, R] = useState(null);
-	useLayoutEffect(() => {
-		if (!s || !f.current || !g.current) return;
-		let e = f.current.getBoundingClientRect(), t = g.current.getBoundingClientRect(), o = e.left;
+function Dropdown({ trigger: e, children: t, align: n = "start", side: r = "bottom", offsetX: i = 0, offsetY: a = 0, disabled: o = !1, openOnHover: c = !0, open: u, onOpenChange: p }) {
+	let g = u !== void 0, [O, A] = useState(!1), R = g ? u : O, qo = useCallback((e) => {
+		e !== R && (g || A(e), p?.(e));
+	}, [
+		R,
+		g,
+		p
+	]), Jo = useRef(null), Yo = useRef(null), Xo = useRef(null), [Zo, B] = useState(null), Qo = useCallback(() => {
+		if (!Jo.current || !Yo.current) return;
+		let e = Jo.current.getBoundingClientRect(), t = Yo.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(() => R({
-			top: c,
+		let s;
+		s = r === "bottom" ? e.bottom + a : e.top - t.height + a, queueMicrotask(() => B({
+			top: s,
 			left: o
 		}));
 	}, [
-		s,
 		n,
 		r,
 		i,
 		a
 	]);
-	function So() {
-		O.current &&= (clearTimeout(O.current), null), c(!0);
-	}
-	function Co() {
-		O.current = window.setTimeout(() => {
-			c(!1);
+	useLayoutEffect(() => {
+		R && Qo();
+	}, [R, Qo]), useEffect(() => {
+		if (!R) return;
+		let e = () => Qo();
+		return window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+		};
+	}, [R, Qo]);
+	let $o = useCallback(() => {
+		Xo.current &&= (clearTimeout(Xo.current), null), qo(!0);
+	}, [qo]), es = useCallback(() => {
+		Xo.current = window.setTimeout(() => {
+			qo(!1);
 		}, 120);
-	}
+	}, [qo]);
 	return useEffect(() => {
 		function e(e) {
 			let t = e.target;
-			f.current?.contains(t) || g.current?.contains(t) || c(!1);
+			Jo.current?.contains(t) || Yo.current?.contains(t) || qo(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, []), useEffect(() => () => {
-		O.current && clearTimeout(O.current);
+	}, [qo]), useEffect(() => () => {
+		Xo.current && clearTimeout(Xo.current);
 	}, []), /* @__PURE__ */ jsxs(DropdownContext.Provider, {
-		value: { close: () => c(!1) },
+		value: {
+			close: () => qo(!1),
+			open: $o
+		},
 		children: [/* @__PURE__ */ jsx("div", {
-			ref: f,
+			ref: Jo,
 			className: "inline-flex",
-			onMouseEnter: So,
-			onMouseLeave: Co,
-			onClick: () => c((e) => !e),
+			onMouseEnter: c ? $o : void 0,
+			onMouseLeave: c ? es : void 0,
+			onClick: () => qo(!R),
 			"aria-haspopup": "menu",
-			"aria-expanded": s,
+			"aria-expanded": R,
 			children: e
-		}), s && !o && createPortal(/* @__PURE__ */ jsx("div", {
-			ref: g,
-			onMouseEnter: So,
-			onMouseLeave: Co,
+		}), R && !o && createPortal(/* @__PURE__ */ jsx("div", {
+			ref: Yo,
+			onMouseEnter: c ? $o : void 0,
+			onMouseLeave: c ? es : void 0,
 			style: {
 				position: "fixed",
-				top: xo?.top ?? 0,
-				left: xo?.left ?? 0,
-				visibility: xo ? "visible" : "hidden",
+				top: Zo?.top ?? 0,
+				left: Zo?.left ?? 0,
+				visibility: Zo ? "visible" : "hidden",
 				zIndex: 1e3
 			},
 			children: t
@@ -21433,11 +21448,11 @@ function Dropdown({ trigger: e, children: t, align: n = "start", side: r = "bott
 }
 function Input({ type: e = "text", value: t, defaultValue: n, disabled: r = !1, error: i = !1, placeholder: a, onChange: o, onKeyDown: s, className: c }) {
 	let [l, u] = useState(n ?? ""), f = t !== void 0, p = f ? t : l;
-	function g(e) {
+	function h(e) {
 		let t = e.target.value;
 		f || u(t), o?.(t);
 	}
-	function O(e) {
+	function g(e) {
 		s?.(e);
 	}
 	return /* @__PURE__ */ jsx("input", {
@@ -21447,8 +21462,8 @@ function Input({ type: e = "text", value: t, defaultValue: n, disabled: r = !1,
 		disabled: r,
 		"aria-disabled": r || void 0,
 		"aria-invalid": i || void 0,
-		onChange: g,
-		onKeyDown: O,
+		onChange: h,
+		onKeyDown: g,
 		className: cn("bg-transparent outline-none", r && "pointer-events-none", c)
 	});
 }
@@ -21486,17 +21501,17 @@ 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), [c, f] = useState(!1), [g, xo] = useState(null), R = () => {
+	let a = useRef(null), o = useRef(null), s = useRef(null), [c, u] = useState(!1), [p, g] = useState(null), A = () => {
 		s.current &&= (clearTimeout(s.current), null), s.current = window.setTimeout(() => {
-			f(!0);
+			u(!0);
 		}, r);
-	}, So = () => {
-		s.current &&= (clearTimeout(s.current), null), f(!1);
+	}, R = () => {
+		s.current &&= (clearTimeout(s.current), null), u(!1);
 	};
 	return useLayoutEffect(() => {
 		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)), xo((e) => e && e.top === l && e.left === u ? e : {
+		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)), g((e) => e && e.top === l && e.left === u ? e : {
 			top: l,
 			left: u
 		});
@@ -21505,19 +21520,19 @@ function Tooltip({ children: e, content: t, position: n = "top", delay: r = 120,
 	}, []), /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 		ref: a,
 		className: "inline-flex",
-		onMouseEnter: R,
-		onMouseLeave: So,
-		onFocus: R,
-		onBlur: So,
+		onMouseEnter: A,
+		onMouseLeave: R,
+		onFocus: A,
+		onBlur: R,
 		children: e
 	}), c && createPortal(/* @__PURE__ */ jsx("div", {
 		ref: o,
 		role: "tooltip",
 		style: {
 			position: "fixed",
-			top: g?.top ?? 0,
-			left: g?.left ?? 0,
-			visibility: g ? "visible" : "hidden",
+			top: p?.top ?? 0,
+			left: p?.left ?? 0,
+			visibility: p ? "visible" : "hidden",
 			zIndex: 1e3
 		},
 		className: cn(i),
@@ -22385,30 +22400,62 @@ function FireIcon({ pathProps: e, ...t }) {
 		})
 	});
 }
-function InsightIcon({ pathProps: e, ...t }) {
+function InsightFillIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsxs(Icon, {
-		viewBox: "0 0 36 36",
+		viewBox: "0 0 20 20",
 		...t,
 		children: [
 			/* @__PURE__ */ jsx("path", {
-				d: "M17.0527 16.4541C18.2689 19.5795 20.869 22.0499 24.1299 23.2246C20.8699 24.3991 18.2702 26.8695 17.0537 29.9932C15.8366 26.8693 13.2372 24.3989 9.97656 23.2246C13.2373 22.0499 15.8365 19.5788 17.0527 16.4541Z",
+				d: "M9.45,9.14c.68,1.74,2.12,3.11,3.93,3.76-1.81.65-3.26,2.02-3.93,3.76-.68-1.74-2.12-3.11-3.93-3.76,1.81-.65,3.26-2.03,3.93-3.76Z",
 				fill: "currentColor",
 				stroke: "currentColor",
-				strokeWidth: "1.5",
+				strokeWidth: "1",
+				strokeMiterlimit: "10",
 				...e
 			}),
 			/* @__PURE__ */ jsx("path", {
-				d: "M22.7314 8.93945C23.4251 10.4334 24.6294 11.6381 26.123 12.332C24.6301 13.0254 23.4251 14.2296 22.7314 15.7227C22.0375 14.2298 20.8332 13.0254 19.3398 12.332C20.8337 11.6382 22.0379 10.4335 22.7314 8.93945Z",
+				d: "M12.6,4.96c.39.83,1.05,1.5,1.88,1.88-.83.39-1.5,1.05-1.88,1.88-.39-.83-1.05-1.5-1.88-1.88.83-.39,1.5-1.05,1.88-1.88Z",
 				fill: "currentColor",
 				stroke: "currentColor",
-				strokeWidth: "1.3",
+				strokeWidth: "1",
+				strokeMiterlimit: "10",
 				...e
 			}),
 			/* @__PURE__ */ jsx("path", {
-				d: "M14.2139 6.0166C14.7609 7.10848 15.6497 7.99743 16.7412 8.54492C15.6505 9.09176 14.7612 9.97957 14.2139 11.0703C13.6666 9.97972 12.7784 9.09169 11.6875 8.54492C12.7791 7.99747 13.6667 7.10806 14.2139 6.0166Z",
+				d: "M7.87,3.34c.3.61.8,1.1,1.4,1.4-.61.3-1.1.8-1.4,1.4-.3-.61-.8-1.1-1.4-1.4.61-.3,1.1-.8,1.4-1.4Z",
 				fill: "currentColor",
 				stroke: "currentColor",
-				strokeWidth: "1.2",
+				strokeWidth: "1",
+				strokeMiterlimit: "10",
+				...e
+			})
+		]
+	});
+}
+function InsightIcon({ pathProps: e, ...t }) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		viewBox: "0 0 20 20",
+		...t,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M9.45,9.14c.68,1.74,2.12,3.11,3.93,3.76-1.81.65-3.26,2.02-3.93,3.76-.68-1.74-2.12-3.11-3.93-3.76,1.81-.65,3.26-2.03,3.93-3.76Z",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeMiterlimit: "10",
+				...e
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M12.6,4.96c.39.83,1.05,1.5,1.88,1.88-.83.39-1.5,1.05-1.88,1.88-.39-.83-1.05-1.5-1.88-1.88.83-.39,1.5-1.05,1.88-1.88Z",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeMiterlimit: "10",
+				...e
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M7.87,3.34c.3.61.8,1.1,1.4,1.4-.61.3-1.1.8-1.4,1.4-.3-.61-.8-1.1-1.4-1.4.61-.3,1.1-.8,1.4-1.4Z",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeMiterlimit: "10",
 				...e
 			})
 		]
@@ -22576,10 +22623,10 @@ function DarkIcon({ pathProps: e, ...t }) {
 }
 function EmptyBoxIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsx(Icon, {
-		viewBox: "0 0 24 24",
+		viewBox: "0 0 20 20",
 		...t,
 		children: /* @__PURE__ */ jsx("path", {
-			d: "M2.34,24c-.68,0-1.23-.22-1.68-.66s-.66-1-.66-1.68V2.34c0-.68.22-1.23.66-1.68s1-.66,1.68-.66h19.32c.68,0,1.23.22,1.68.66s.66,1,.66,1.68v19.32c0,.68-.22,1.23-.66,1.68s-1,.66-1.68.66H2.34ZM2.34,22.91h19.32c.36,0,.66-.12.9-.35s.35-.53.35-.9v-4.21h-5.84c-.52.99-1.23,1.75-2.12,2.3s-1.88.82-2.94.82-2.05-.27-2.94-.82-1.6-1.31-2.12-2.3H1.09v4.21c0,.36.12.66.35.9s.53.35.9.35ZM14.69,18.62c.81-.57,1.36-1.32,1.68-2.26h6.55V2.34c0-.36-.12-.66-.35-.9s-.53-.35-.9-.35H2.34c-.36,0-.66.12-.9.35s-.35.53-.35.9v14.03h6.55c.31.94.87,1.69,1.68,2.26s1.7.86,2.69.86,1.88-.29,2.69-.86ZM2.34,22.91h-1.25,21.82H2.34Z",
+			d: "M15.7,2.66H4.29c-.9,0-1.61.73-1.61,1.63v11.41c0,.9.71,1.63,1.61,1.63h11.42c.9,0,1.63-.73,1.63-1.63V4.3c0-.9-.73-1.63-1.63-1.63M15.7,12.44h-3.26c0,1.35-1.1,2.45-2.44,2.45s-2.44-1.09-2.44-2.45h-3.27V4.3h11.42v8.15Z",
 			fill: "currentColor",
 			...e
 		})
@@ -22598,10 +22645,21 @@ function ExternalLinkIcon({ pathProps: e, ...t }) {
 }
 function HomeIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsx(Icon, {
-		viewBox: "0 0 24 24",
+		viewBox: "0 0 20 20",
+		...t,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M4.79,16.03h2.91v-5.16h4.61v5.16h2.91v-7.82l-5.21-3.92-5.21,3.92v7.82ZM3.49,17.34V7.57l6.51-4.9,6.51,4.9v9.77h-5.51v-5.16h-2v5.16H3.49Z",
+			fill: "currentColor",
+			...e
+		})
+	});
+}
+function InboxIcon({ pathProps: e, ...t }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 20 20",
 		...t,
 		children: /* @__PURE__ */ jsx("path", {
-			d: "M3.48,21.87h4.75v-8.44h7.54v8.44h4.75v-12.79L12,2.66,3.48,9.08v12.79ZM1.35,24v-15.98L12,0l10.65,8.02v15.98h-9.02v-8.44h-3.28v8.44H1.35Z",
+			d: "M15.7,2.66H4.29c-.9,0-1.61.73-1.61,1.63v11.41c0,.9.71,1.63,1.61,1.63h11.42c.9,0,1.63-.73,1.63-1.63V4.3c0-.9-.73-1.63-1.63-1.63M15.7,12.44h-3.26c0,1.35-1.1,2.45-2.44,2.45s-2.44-1.09-2.44-2.45h-3.27V4.3h11.42v8.15ZM13.26,8.37h-1.63v-2.44h-3.26v2.44h-1.63l3.26,3.26,3.26-3.26Z",
 			fill: "currentColor",
 			...e
 		})
@@ -22618,6 +22676,17 @@ function LightIcon({ pathProps: e, ...t }) {
 		})
 	});
 }
+function MailIcon({ pathProps: e, ...t }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		viewBox: "0 0 20 20",
+		...t,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M4.13,15.87c-.4,0-.75-.14-1.04-.43s-.43-.63-.43-1.04V5.6c0-.4.14-.75.43-1.04s.63-.43,1.04-.43h11.74c.4,0,.75.14,1.04.43s.43.63.43,1.04v8.8c0,.4-.14.75-.43,1.04s-.63.43-1.04.43H4.13ZM10,10.73l-5.87-3.67v7.34h11.74v-7.34l-5.87,3.67ZM10,9.27l5.87-3.67H4.13l5.87,3.67ZM4.13,7.07v-1.47,8.8-7.34Z",
+			fill: "currentColor",
+			...e
+		})
+	});
+}
 function MinusIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsx(Icon, {
 		viewBox: "0 0 16 16",
@@ -22786,10 +22855,115 @@ function DropdownMenu({ trigger: e, children: t, className: n, ...r }) {
 		})
 	});
 }
+function HelpPanelEngine({ title: e, items: t, footer: n, closeLabel: r = "Close", defaultOpenValue: i, classNames: a }) {
+	let o = useId(), { close: s } = useDropdown(), c = a ?? {}, l = i ?? t[0]?.value;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("rounded-md overflow-hidden bg-white", c.root),
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": o,
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: cn("gap-2 p-4 flex shrink-0 items-center justify-between", c.header),
+				children: [/* @__PURE__ */ jsx("div", {
+					id: o,
+					className: c.title,
+					children: e
+				}), /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					onClick: s,
+					"aria-label": r,
+					className: c.closeButton,
+					children: /* @__PURE__ */ jsx(CloseIcon, {
+						size: 18,
+						"aria-hidden": !0
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: c.body,
+				children: /* @__PURE__ */ jsx(Accordion, {
+					type: "single",
+					className: c.accordion,
+					defaultValue: l,
+					children: (e) => /* @__PURE__ */ jsx(Fragment$1, { children: t.map((t) => /* @__PURE__ */ jsxs(AccordionItem, {
+						value: t.value,
+						className: c.item,
+						children: [/* @__PURE__ */ jsxs(AccordionTrigger, {
+							value: t.value,
+							className: cn("gap-2 p-3 flex w-full items-center justify-between", c.itemTrigger),
+							children: [t.label, /* @__PURE__ */ jsx(ArrowIcon, {
+								size: 20,
+								direction: e.openItems.has(t.value) ? "up" : "down",
+								className: "shrink-0 text-neutral-600"
+							})]
+						}), /* @__PURE__ */ jsx(AccordionContent, {
+							value: t.value,
+							className: cn("p-3", c.itemContent),
+							children: t.content
+						})]
+					}, t.value)) })
+				})
+			}),
+			n == null ? null : /* @__PURE__ */ jsx("div", {
+				className: cn("p-3", c.footer),
+				children: n
+			})
+		]
+	});
+}
+function findActiveStep(e, t, n) {
+	for (let r = 0; r < e.length; r++) {
+		let i = e[r];
+		if (!t.has(i.id) && i.isVisible(n)) return {
+			step: i,
+			index: r
+		};
+	}
+	return null;
+}
+function OnboardingEngine({ steps: e, context: t, children: n }) {
+	let [r, i] = useState(() => /* @__PURE__ */ new Set()), a = useMemo(() => findActiveStep(e, r, t), [
+		e,
+		r,
+		t
+	]), o = a?.step ?? null, c = a?.index ?? null, l = useCallback((e) => {
+		i((t) => {
+			if (t.has(e)) return t;
+			let n = new Set(t);
+			return n.add(e), n;
+		});
+	}, []), u = useCallback(() => {
+		i((n) => {
+			let r = findActiveStep(e, n, t);
+			if (r == null || n.has(r.step.id)) return n;
+			let i = new Set(n);
+			return i.add(r.step.id), i;
+		});
+	}, [e, t]), f = useCallback(() => {
+		i(new Set(e.map((e) => e.id)));
+	}, [e]);
+	return /* @__PURE__ */ jsx(Fragment$1, { children: n({
+		context: t,
+		currentStep: o,
+		currentStepIndex: c,
+		dismissedStepIds: r,
+		actions: useMemo(() => ({
+			dismissCurrentStep: u,
+			dismissStep: l,
+			skipAll: f,
+			close: f
+		}), [
+			u,
+			l,
+			f
+		])
+	}) });
+}
 function RichContent({ content: e, className: t }) {
 	let n = normalizeContent(e);
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("normalized-content text-sm leading-[1.3] font-normal text-neutral-900", t),
+		className: cn("normalized-content text-sm font-normal leading-[1.3] text-neutral-900", t),
 		dangerouslySetInnerHTML: { __html: n }
 	});
 }
@@ -22869,7 +23043,7 @@ function isTopPosition(e) {
 function isRenderFn(e) {
 	return typeof e == "function";
 }
-var subscribeNoop = () => () => {}, getClientSnapshot = () => !0, getServerSnapshot = () => !1;
+var subscribeNoop$1 = () => () => {}, getClientSnapshot$1 = () => !0, getServerSnapshot$1 = () => !1;
 function groupByPosition(e) {
 	return e.reduce((e, t) => ((e[t.position] ??= []).push(t), e), {});
 }
@@ -22940,7 +23114,7 @@ function useToastTimers(e, t) {
 				}), n;
 			});
 		}, COUNTDOWN_INTERVAL_MS);
-	}, []), g = useCallback(() => {
+	}, []), p = useCallback(() => {
 		if (o.current) return;
 		o.current = !0;
 		let e = Date.now();
@@ -22954,7 +23128,7 @@ function useToastTimers(e, t) {
 				isPaused: !0
 			});
 		}), a.current &&= (clearInterval(a.current), null);
-	}, []), O = useCallback(() => {
+	}, []), 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);
@@ -22965,7 +23139,7 @@ function useToastTimers(e, t) {
 		e,
 		u,
 		f
-	]), yo = useCallback((e) => {
+	]), O = useCallback((e) => {
 		i.current.delete(e), r((t) => {
 			let n = new Map(t);
 			return n.delete(e), n;
@@ -22985,23 +23159,23 @@ function useToastTimers(e, t) {
 		a.current && clearInterval(a.current);
 	}, []), {
 		remainingTimes: n,
-		pauseAll: g,
-		resumeAll: O,
-		cleanupTimer: yo
+		pauseAll: p,
+		resumeAll: g,
+		cleanupTimer: O
 	};
 }
 function Toaster() {
-	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: xo } = 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: p } = useToastTimers(e, a);
 	useEffect(() => toastStore.subscribe(t), []);
-	let R = useSyncExternalStore(subscribeNoop, getClientSnapshot, getServerSnapshot), So = useCallback((e) => {
+	let A = useSyncExternalStore(subscribeNoop$1, getClientSnapshot$1, getServerSnapshot$1), R = useCallback((e) => {
 		e.callbacks?.onOpen?.();
-	}, []), Co = useCallback((e, t) => {
+	}, []), qo = useCallback((e, t) => {
 		t === "manual" ? e.callbacks?.onClose?.() : (t === "timeout" || t === "replaced") && 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])), s = i.current;
 		o.current.filter((e) => !t.has(e.id) && e.animationState !== "exiting").forEach((e) => {
-			Co(e, a.current.get(e.id) ?? toastStore.consumePendingDismissReason(e.id) ?? "timeout"), a.current.delete(e.id);
+			qo(e, a.current.get(e.id) ?? toastStore.consumePendingDismissReason(e.id) ?? "timeout"), a.current.delete(e.id);
 		}), r((r) => {
 			let i = r.map((e) => {
 				let t = n.get(e.id);
@@ -23010,7 +23184,7 @@ function Toaster() {
 					content: t.content,
 					duration: t.duration
 				} : e;
-			}).map((e) => markAsExiting(e, !t.has(e.id))).map(updateAnimationState), a = [...e.filter((e) => !s.has(e.id)).map((e) => (So(e), {
+			}).map((e) => markAsExiting(e, !t.has(e.id))).map(updateAnimationState), a = [...e.filter((e) => !s.has(e.id)).map((e) => (R(e), {
 				...e,
 				animationState: "entering"
 			})), ...i];
@@ -23018,20 +23192,20 @@ function Toaster() {
 		}), i.current = t;
 	}, [
 		e,
-		So,
-		Co
+		R,
+		qo
 	]);
-	let wo = useCallback((e) => {
+	let Jo = useCallback((e) => {
 		r((t) => {
 			let n = t.filter((t) => t.id !== e);
 			return o.current = n, n;
-		}), xo(e), toastStore.cleanup(e);
-	}, [xo]), To = useCallback((e) => {
+		}), p(e), toastStore.cleanup(e);
+	}, [p]), Yo = useCallback((e) => {
 		a.current.set(e, "manual"), toastStore.remove(e);
 	}, []);
-	if (!R) return null;
-	let Eo = groupByPosition(n);
-	return createPortal(/* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(Eo).map(([e, t]) => {
+	if (!A) return null;
+	let Xo = groupByPosition(n);
+	return createPortal(/* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(Xo).map(([e, t]) => {
 		let n = t.filter((e) => e.singleSlot), r = t.filter((e) => !e.singleSlot), i = n.length > 0 ? /* @__PURE__ */ jsx("div", {
 			className: cn("isolate inline-grid max-w-[min(100vw,100%)] grid-cols-1 grid-rows-1", SINGLE_SLOT_PLACE[e]),
 			children: n.map((e, t) => /* @__PURE__ */ jsx("div", {
@@ -23040,8 +23214,8 @@ function Toaster() {
 				children: /* @__PURE__ */ jsx(ToastWrapper, {
 					toast: e,
 					remainingTime: c.get(e.id) ?? e.duration,
-					onExitComplete: wo,
-					onClose: To,
+					onExitComplete: Jo,
+					onClose: Yo,
 					onHoverStart: u,
 					onHoverEnd: f
 				})
@@ -23049,13 +23223,13 @@ function Toaster() {
 		}) : null, a = r.map((e) => /* @__PURE__ */ jsx(ToastWrapper, {
 			toast: e,
 			remainingTime: c.get(e.id) ?? e.duration,
-			onExitComplete: wo,
-			onClose: To,
+			onExitComplete: Jo,
+			onClose: Yo,
 			onHoverStart: u,
 			onHoverEnd: f
 		}, e.id));
 		return /* @__PURE__ */ jsx("div", {
-			className: cn("pointer-events-none fixed z-1000 flex flex-col items-end gap-2 p-4", POSITION_CLASSES[e]),
+			className: cn("gap-2 p-4 pointer-events-none fixed z-1000 flex flex-col items-end", POSITION_CLASSES[e]),
 			children: isTopPosition(e) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [i, a] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [a, i] })
 		}, e);
 	}) }), document.body);
@@ -23143,7 +23317,7 @@ const AVATAR_COLOR = {
 	}
 }, 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",
+	base: "font-semibold flex shrink-0 items-center justify-center rounded-full leading-none select-none",
 	variants: { size: {
 		xs: "h-[16px] w-[16px] text-[0.5em]",
 		sm: "h-[20px] w-[20px] text-[0.625em]",
@@ -23167,8 +23341,8 @@ function Avatar({ name: e, size: t = "sm", className: n }) {
 }
 var statusBadgeStyles = tv({
 	slots: {
-		root: "relative flex items-center gap-1 rounded-full border",
-		text: "truncate text-xs font-semibold whitespace-nowrap"
+		root: "gap-1 relative flex items-center rounded-full border",
+		text: "text-xs font-semibold truncate whitespace-nowrap"
 	},
 	variants: { status: {
 		fire: {
@@ -23205,21 +23379,21 @@ var statusBadgeStyles = tv({
 	}
 };
 function StatusBadge({ className: e, label: t, status: n, onAction: r, density: i = "normal" }) {
-	let [a, o] = useState(!1), s = i === "compact", c = STATUS_CONFIG[n], l = s ? c.compact : c.normal, u = statusBadgeStyles({ status: n }), f = l.includes("icon"), p = l.includes("label"), g = l.includes("action") && r;
+	let [a, o] = useState(!1), s = i === "compact", c = STATUS_CONFIG[n], l = s ? c.compact : c.normal, u = statusBadgeStyles({ status: n }), f = l.includes("icon"), p = l.includes("label"), h = l.includes("action") && r;
 	return /* @__PURE__ */ jsx(Badge, {
 		className: cn(u.root(), s ? "h-6 w-6" : "py-1 pr-2.5 pl-2", e),
 		icon: f ? /* @__PURE__ */ jsx(c.icon, {
 			size: 16,
-			className: cn(u.text(), s && g && "absolute inset-0 m-auto", s && g && a && "opacity-0")
+			className: cn(u.text(), s && h && "inset-0 absolute m-auto", s && h && a && "opacity-0")
 		}) : void 0,
 		label: p ? /* @__PURE__ */ jsx("span", {
-			className: cn(u.text(), s && "absolute inset-0 flex items-center justify-center text-center text-[10px]"),
+			className: cn(u.text(), s && "inset-0 absolute flex items-center justify-center text-center text-[10px]"),
 			children: t ?? c.label
 		}) : void 0,
-		action: g ? /* @__PURE__ */ jsx(Button, {
+		action: h ? /* @__PURE__ */ jsx(Button, {
 			onClick: r,
 			"aria-label": "Dismiss status",
-			className: cn("group", s ? cn("absolute inset-0 m-auto transition-opacity", a ? "opacity-100" : "opacity-0") : void 0),
+			className: cn("group", s ? cn("inset-0 absolute m-auto transition-opacity", a ? "opacity-100" : "opacity-0") : void 0),
 			children: /* @__PURE__ */ jsx(CloseIcon, {
 				size: 16,
 				className: cn(u.text(), "group-hover:scale-90")
@@ -23231,15 +23405,15 @@ function StatusBadge({ className: e, label: t, status: n, onAction: r, density:
 }
 function BulkActionsSkeleton({ className: e }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("grid grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-4", e),
+		className: cn("gap-4 grid grid-cols-[minmax(0,1fr)_auto_auto] items-center", e),
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
+				className: "gap-2 flex items-center",
 				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5 rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-30" })]
 			}),
 			/* @__PURE__ */ jsx("div", { className: "flex items-center divide-x divide-neutral-400-variant-1" }),
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
+				className: "gap-2 flex items-center",
 				children: [/* @__PURE__ */ jsx(Skeleton, { className: "m-1 h-5 w-5 rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "m-1 h-5 w-5 rounded" })]
 			})
 		]
@@ -23258,17 +23432,17 @@ function IconButton({ icon: e, ...t }) {
 function InfoTooltip({ className: e, ...t }) {
 	return /* @__PURE__ */ jsx(Tooltip, {
 		...t,
-		className: cn("rounded bg-neutral-700 px-2 py-1 text-[0.625em] font-medium whitespace-nowrap text-white", e)
+		className: cn("rounded px-2 py-1 font-medium bg-neutral-700 text-[0.625em] whitespace-nowrap text-white", e)
 	});
 }
 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 A(e) {
+	function g(e) {
 		p(e), a?.(e);
 	}
-	let xo = {
+	let Ko = {
 		fire: [{
 			id: "fire",
 			tooltip: "Mark as fire",
@@ -23320,7 +23494,7 @@ function BulkActions({ totalItems: e = 0, selectedItems: t = 0, onSelectAll: n,
 			}),
 			onClick: r.read.off
 		}]
-	}, R = [{
+	}, A = [{
 		value: "normal",
 		tooltip: "Normal density",
 		icon: /* @__PURE__ */ jsx(NormalDensityIcon, { size: 20 })
@@ -23330,12 +23504,12 @@ function BulkActions({ totalItems: e = 0, selectedItems: t = 0, onSelectAll: n,
 		icon: /* @__PURE__ */ jsx(CompactDensityIcon, { size: 20 })
 	}];
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("grid grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-4", o),
+		className: cn("gap-4 grid grid-cols-[minmax(0,1fr)_auto_auto] items-center", o),
 		children: [
 			/* @__PURE__ */ jsx(Checkbox, {
 				checked: c,
 				indeterminate: l,
-				onChange: g,
+				onChange: h,
 				icon: /* @__PURE__ */ jsx(CheckboxIcon, {
 					size: 16,
 					className: "text-white-variant-7"
@@ -23349,8 +23523,8 @@ 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$1, { children: Object.entries(xo).map(([e, t]) => /* @__PURE__ */ jsx("div", {
-					className: "flex items-center gap-2 px-1",
+				children: t > 0 && /* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(Ko).map(([e, t]) => /* @__PURE__ */ jsx("div", {
+					className: "gap-2 px-1 flex items-center",
 					children: t.map((e) => /* @__PURE__ */ jsx(InfoTooltip, {
 						content: e.tooltip,
 						className: "border-black",
@@ -23363,14 +23537,14 @@ function BulkActions({ totalItems: e = 0, selectedItems: t = 0, onSelectAll: n,
 				}, e)) })
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: "flex items-center gap-2",
-				children: R.map(({ value: e, tooltip: t, icon: n }) => {
+				className: "gap-2 flex items-center",
+				children: A.map(({ value: e, tooltip: t, icon: n }) => {
 					let r = f === e;
 					return /* @__PURE__ */ jsx(InfoTooltip, {
 						content: t,
 						children: /* @__PURE__ */ jsx(IconButton, {
 							className: cn("h-7 w-7 p-0 text-neutral-900", r && "bg-white-variant-4"),
-							onClick: () => A(e),
+							onClick: () => g(e),
 							icon: n,
 							"aria-pressed": r
 						})
@@ -23382,8 +23556,8 @@ 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-[1.5px] px-2 py-1 transition-colors",
-		label: "flex shrink-0 items-center gap-1 text-xs whitespace-nowrap"
+		root: "gap-1 px-2 py-1 inline-flex w-fit items-center rounded-full border-[1.5px] transition-colors",
+		label: "gap-1 text-xs flex shrink-0 items-center whitespace-nowrap"
 	},
 	variants: {
 		variant: {
@@ -23449,6 +23623,7 @@ var filterButtonStyles = tv({
 	},
 	insight: {
 		icon: InsightIcon,
+		selectedIcon: InsightFillIcon,
 		label: "Insights",
 		iconColor: "text-primary-600"
 	},
@@ -23497,9 +23672,9 @@ function FilterButton({ variant: e = "custom", label: t, count: n, selected: r =
 function IconCountButtonSkeleton({ orientation: e = "vertical", className: t }) {
 	let n = e === "vertical";
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex w-fit items-center", n ? "flex-col gap-1" : "flex-row gap-2", t),
+		className: cn("flex w-fit items-center", n ? "gap-1 flex-col" : "gap-2 flex-row", t),
 		children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-8 rounded-full" }), /* @__PURE__ */ jsx("div", {
-			className: cn("flex items-center gap-1", n && "text-[9px]"),
+			className: cn("gap-1 flex items-center", n && "text-[9px]"),
 			children: /* @__PURE__ */ jsx(Skeleton, { className: cn("h-3", n ? "w-10" : "w-14") })
 		})]
 	});
@@ -23507,8 +23682,8 @@ function IconCountButtonSkeleton({ orientation: e = "vertical", className: t })
 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",
+		bubble: "size-8 flex items-center justify-center rounded-full border-[1.5px] transition-opacity hover:opacity-70",
+		label: "gap-1 flex items-center transition-colors",
 		count: "font-normal",
 		icon: ""
 	},
@@ -23527,11 +23702,11 @@ var iconCountButtonStyles = tv({
 		},
 		orientation: {
 			vertical: {
-				root: "flex-col gap-1",
-				label: "text-[9px] font-semibold"
+				root: "gap-1 flex-col",
+				label: "font-semibold text-[9px]"
 			},
 			horizontal: {
-				root: "flex-row gap-2",
+				root: "gap-2 flex-row",
 				label: "text-xs font-semibold"
 			}
 		}
@@ -23605,12 +23780,12 @@ function ToggleControlPortal({ isPressed: e, isPortalHovered: t, portalPosition:
 				tabIndex: 0,
 				"aria-pressed": e,
 				"aria-label": c,
-				className: "flex size-5 cursor-pointer items-center justify-center rounded-full bg-white",
+				className: "size-5 flex 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"),
+					className: cn("size-4 flex 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"
@@ -23620,20 +23795,20 @@ function ToggleControlPortal({ isPressed: e, isPortalHovered: t, portalPosition:
 		})
 	}), 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: g, ...O }) {
-	let A = iconCountButtonStyles({
+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: u, classNames: p, ...g }) {
+	let O = iconCountButtonStyles({
 		variant: r,
 		orientation: i,
 		status: a
-	}), xo = useRef(null), [R, So] = useState(!1), [Co, wo] = useState(!1), [To, Eo] = useState(l), [Do, Oo] = useState(null), ko = c ?? To, Ao = s && (R || Co || ko), jo = typeof n == "number" && n > 0 && (o || a === "active");
-	function Mo(e) {
-		c === void 0 && Eo(e), f?.(e);
+	}), Ko = useRef(null), [A, R] = useState(!1), [qo, Jo] = useState(!1), [Yo, Xo] = useState(l), [Zo, B] = useState(null), Qo = c ?? Yo, $o = s && (A || qo || Qo), es = typeof n == "number" && n > 0 && (o || a === "active");
+	function ts(e) {
+		c === void 0 && Xo(e), u?.(e);
 	}
 	return useLayoutEffect(() => {
-		if (!Ao || !xo.current) return;
+		if (!$o || !Ko.current) return;
 		function e() {
-			let e = xo.current?.getBoundingClientRect();
-			e && Oo({
+			let e = Ko.current?.getBoundingClientRect();
+			e && B({
 				top: e.top - 8,
 				left: e.right - 12
 			});
@@ -23641,30 +23816,30 @@ function IconCountButton({ icon: e, label: t, count: n, variant: r = "primary",
 		return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
-	}, [Ao]), /* @__PURE__ */ jsxs(Button, {
-		...O,
-		className: cn(A.root(), g?.root),
-		onMouseEnter: () => So(!0),
-		onMouseLeave: () => So(!1),
+	}, [$o]), /* @__PURE__ */ jsxs(Button, {
+		...g,
+		className: cn(O.root(), p?.root),
+		onMouseEnter: () => R(!0),
+		onMouseLeave: () => R(!1),
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "relative",
 			children: [/* @__PURE__ */ jsx("div", {
-				ref: xo,
-				className: cn(A.bubble(), g?.bubble),
-				children: renderIcon(e, A.icon())
-			}), Ao && Do && typeof document < "u" && ToggleControlPortal({
-				isPressed: ko,
-				isPortalHovered: Co,
-				portalPosition: Do,
-				onMouseEnter: () => wo(!0),
-				onMouseLeave: () => wo(!1),
-				onToggle: () => Mo(!ko)
+				ref: Ko,
+				className: cn(O.bubble(), p?.bubble),
+				children: renderIcon(e, O.icon())
+			}), $o && Zo && typeof document < "u" && ToggleControlPortal({
+				isPressed: Qo,
+				isPortalHovered: qo,
+				portalPosition: Zo,
+				onMouseEnter: () => Jo(!0),
+				onMouseLeave: () => Jo(!1),
+				onToggle: () => ts(!Qo)
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
-			className: cn(A.label(), g?.label),
-			children: [/* @__PURE__ */ jsx("span", { children: t }), jo && /* @__PURE__ */ jsxs("span", {
+			className: cn(O.label(), p?.label),
+			children: [/* @__PURE__ */ jsx("span", { children: t }), es && /* @__PURE__ */ jsxs("span", {
 				"aria-label": `${n} items`,
-				className: cn(A.count(), g?.count),
+				className: cn(O.count(), p?.count),
 				children: [
 					"(",
 					formatCount(n),
@@ -23676,7 +23851,7 @@ function IconCountButton({ icon: e, label: t, count: n, variant: r = "primary",
 }
 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", r && "bg-primary-500 text-white hover:bg-primary-bright", n),
+		className: cn("gap-2 px-3 py-2 flex items-center justify-start bg-white 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,
@@ -23690,13 +23865,13 @@ function ActionMenuItem({ icon: e, label: t, className: n, selected: r, ...a })
 function ActionMenu({ trigger: e, children: t, className: n, ...r }) {
 	return /* @__PURE__ */ jsx(DropdownMenu, {
 		trigger: e,
-		className: cn("mt-1 min-w-20 overflow-hidden rounded border border-neutral-400 bg-white p-0 shadow-lg", n),
+		className: cn("mt-1 min-w-20 rounded p-0 shadow-lg overflow-hidden border border-neutral-400 bg-white", n),
 		...r,
 		children: t
 	});
 }
 function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelect: r, onRangeSelect: i }) {
-	let { close: a } = useDropdown(), o = useMemo(() => /* @__PURE__ */ new Date(), []), [s, c] = useState(null), u = useRef(t), g = useRef(n), [O, A] = useState(() => {
+	let { close: a } = useDropdown(), o = useMemo(() => /* @__PURE__ */ new Date(), []), [s, c] = useState(null), u = useRef(t), f = useRef(n), [g, O] = useState(() => {
 		let r = e === "single" ? t ?? o : n.startDate ?? n.endDate ?? o;
 		return {
 			year: r.getFullYear(),
@@ -23704,28 +23879,28 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 		};
 	});
 	useEffect(() => {
-		(e === "single" && t && (!u.current || t.getTime() !== u.current.getTime()) || e === "range" && (n.startDate?.getTime() !== g.current.startDate?.getTime() || n.endDate?.getTime() !== g.current.endDate?.getTime())) && queueMicrotask(() => {
-			if (e === "single" && t) A({
+		(e === "single" && t && (!u.current || t.getTime() !== u.current.getTime()) || e === "range" && (n.startDate?.getTime() !== f.current.startDate?.getTime() || n.endDate?.getTime() !== f.current.endDate?.getTime())) && queueMicrotask(() => {
+			if (e === "single" && t) O({
 				year: t.getFullYear(),
 				month: t.getMonth()
 			});
 			else if (e === "range") {
 				let e = n.startDate ?? n.endDate;
-				e && A({
+				e && O({
 					year: e.getFullYear(),
 					month: e.getMonth()
 				});
 			}
-		}), u.current = t, g.current = n;
+		}), u.current = t, f.current = n;
 	}, [
 		e,
 		t,
 		n
 	]);
-	let xo = useMemo(() => generateCalendarDays(O.year, O.month), [O.year, O.month]);
-	function R(t) {
+	let Ko = useMemo(() => generateCalendarDays(g.year, g.month), [g.year, g.month]);
+	function A(t) {
 		let o = t.getMonth(), s = t.getFullYear();
-		if ((o !== O.month || s !== O.year) && A({
+		if ((o !== g.month || s !== g.year) && O({
 			year: s,
 			month: o
 		}), e === "single") r(t), a();
@@ -23740,8 +23915,8 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			}), a());
 		}
 	}
-	function So() {
-		A((e) => e.month === 0 ? {
+	function R() {
+		O((e) => e.month === 0 ? {
 			year: e.year - 1,
 			month: 11
 		} : {
@@ -23749,8 +23924,8 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			month: e.month - 1
 		});
 	}
-	function Co() {
-		A((e) => e.month === 11 ? {
+	function qo() {
+		O((e) => e.month === 11 ? {
 			year: e.year + 1,
 			month: 0
 		} : {
@@ -23758,28 +23933,28 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			month: e.month + 1
 		});
 	}
-	let wo = getWeekdays();
+	let Jo = getWeekdays();
 	return /* @__PURE__ */ jsxs("div", {
-		className: "mt-1 w-fit rounded-lg border border-neutral-400 bg-white p-2 shadow-lg",
+		className: "mt-1 rounded-lg p-2 shadow-lg w-fit border border-neutral-400 bg-white",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "mb-4 flex items-center justify-between border-b border-neutral-400 pb-2",
+				className: "mb-4 pb-2 flex items-center justify-between border-b border-neutral-400",
 				children: [
 					/* @__PURE__ */ jsx(IconButton, {
 						icon: /* @__PURE__ */ jsx(ArrowIcon, {
 							direction: "left",
 							size: 20
 						}),
-						onClick: So,
+						onClick: R,
 						className: "hover:opacity-60",
 						"aria-label": "Previous month"
 					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: "text-[10px] font-bold text-neutral-900",
+						className: "font-bold text-[10px] text-neutral-900",
 						children: [
-							getMonthName(O.month),
+							getMonthName(g.month),
 							" ",
-							O.year
+							g.year
 						]
 					}),
 					/* @__PURE__ */ jsx(IconButton, {
@@ -23787,7 +23962,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 							direction: "right",
 							size: 20
 						}),
-						onClick: Co,
+						onClick: qo,
 						className: "hover:opacity-60",
 						"aria-label": "Next month"
 					})
@@ -23795,20 +23970,20 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "mb-2 grid grid-cols-7",
-				children: wo.map((e) => /* @__PURE__ */ jsx("div", {
-					className: "flex items-center justify-center p-0.5 text-[9px] font-bold text-neutral-900",
+				children: Jo.map((e) => /* @__PURE__ */ jsx("div", {
+					className: "p-0.5 font-bold flex items-center justify-center text-[9px] text-neutral-900",
 					children: e
 				}, e))
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "grid grid-cols-7",
-				children: xo.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), h = f && isSameDay(i, f), g = u, O = s;
-					e === "range" && u && !f && s && !isDateBefore(s, u) ? (g = u, O = s) : (g = null, O = null);
-					let bo = e === "range" && (isDateInRange(i, u, f) || isDateInRange(i, g, O)), A = l || p || h;
+				children: Ko.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), h = f && isSameDay(i, f), Uo = u, g = s;
+					e === "range" && u && !f && s && !isDateBefore(s, u) ? (Uo = u, g = s) : (Uo = null, g = null);
+					let O = e === "range" && (isDateInRange(i, u, f) || isDateInRange(i, Uo, g)), Go = l || p || h;
 					return /* @__PURE__ */ jsx(Button, {
 						type: "button",
-						onClick: () => R(i),
+						onClick: () => A(i),
 						onMouseEnter: () => {
 							e === "range" && u && !f && !isDateBefore(i, u) && c(i);
 						},
@@ -23817,9 +23992,9 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 						},
 						className: "p-0.5",
 						"aria-label": `Select ${formatDate(i)}`,
-						"aria-selected": A || void 0,
+						"aria-selected": Go || void 0,
 						children: /* @__PURE__ */ jsx("div", {
-							className: cn("flex h-[26px] w-[26px] items-center justify-center rounded text-[9px] transition-colors", A && "bg-primary-500 font-semibold text-white-variant-1 hover:bg-primary-500", bo && !A && "bg-primary-500/20 font-normal text-neutral-900 hover:bg-primary-500/30", o && !A && !bo && "border border-primary-500 bg-primary-500/15 font-bold hover:bg-primary-500 hover:text-white", !A && !bo && (a ? "text-neutral-900 hover:bg-neutral-300" : "text-neutral-600 hover:bg-neutral-200")),
+							className: cn("rounded flex h-[26px] w-[26px] items-center justify-center text-[9px] transition-colors", Go && "font-semibold bg-primary-500 text-white-variant-1 hover:bg-primary-500", O && !Go && "font-normal bg-primary-500/20 text-neutral-900 hover:bg-primary-500/30", o && !Go && !O && "font-bold border border-primary-500 bg-primary-500/15 hover:bg-primary-500 hover:text-white", !Go && !O && (a ? "text-neutral-900 hover:bg-neutral-300" : "text-neutral-600 hover:bg-neutral-200")),
 							children: r
 						})
 					}, `${i.getFullYear()}-${i.getMonth()}-${r}`);
@@ -23835,7 +24010,7 @@ function DatePickerTrigger({ displayText: e, disabled: t, className: n, onClear:
 	}
 	return /* @__PURE__ */ jsxs(Pressable, {
 		disabled: t,
-		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", e && "border-primary-400 hover:border-primary-500 hover:bg-primary-light", n),
+		className: cn("gap-1 px-2 py-1 text-xs flex items-center justify-start rounded-full border border-neutral-300 bg-white text-left text-neutral-800 transition-colors hover:border-neutral-500", e && "border-primary-400 hover:border-primary-500 hover:bg-primary-light", n),
 		children: [
 			/* @__PURE__ */ jsx(CalendarIcon, {
 				size: 20,
@@ -23881,14 +24056,14 @@ function DatePicker({ mode: e = "single", value: t, defaultValue: n, onChange: r
 		startDate: null,
 		endDate: null
 	};
-	function g(t) {
+	function h(t) {
 		e === "single" && (u || s(t), r?.(t));
 	}
-	function bo(t) {
+	function g(t) {
 		e === "range" && (u || l(t), r?.(t));
 	}
-	function A() {
-		e === "single" ? g(null) : bo({
+	function Go() {
+		e === "single" ? h(null) : g({
 			startDate: null,
 			endDate: null
 		});
@@ -23898,15 +24073,15 @@ function DatePicker({ mode: e = "single", value: t, defaultValue: n, onChange: r
 			displayText: e === "single" ? formatDate(f) : formatDateRange(p.startDate, p.endDate),
 			disabled: i,
 			className: a,
-			onClear: A
+			onClear: Go
 		}),
 		disabled: i,
 		children: /* @__PURE__ */ jsx(CalendarPanel, {
 			mode: e,
 			selectedDate: f,
 			selectedRange: p,
-			onDateSelect: g,
-			onRangeSelect: bo
+			onDateSelect: h,
+			onRangeSelect: g
 		})
 	}) });
 }
@@ -23925,14 +24100,14 @@ const EVENT_CARD_HEIGHT_SIZE = {
 };
 function EventCardSkeleton({ density: e = "normal", className: t, style: n }) {
 	return /* @__PURE__ */ jsx(Card, {
-		className: cn("w-full rounded-lg bg-white-variant-5 p-4", e === "normal" ? `${EVENT_CARD_HEIGHT_SIZE.normal.style}` : `${EVENT_CARD_HEIGHT_SIZE.compact.style}`, t),
+		className: cn("rounded-lg p-4 w-full bg-white-variant-5", e === "normal" ? `${EVENT_CARD_HEIGHT_SIZE.normal.style}` : `${EVENT_CARD_HEIGHT_SIZE.compact.style}`, t),
 		style: n,
 		children: e === "normal" ? /* @__PURE__ */ jsxs(CardLayout, {
 			className: "gap-x-2 gap-y-1",
 			children: [
 				/* @__PURE__ */ jsx(CardSidebar, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5" }) }),
 				/* @__PURE__ */ jsxs(CardHeader, {
-					className: "grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-2",
+					className: "gap-2 grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center",
 					children: [
 						/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
 						/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
@@ -23941,17 +24116,17 @@ function EventCardSkeleton({ density: e = "normal", className: t, style: n }) {
 					]
 				}),
 				/* @__PURE__ */ jsx(CardTitle, {
-					className: "flex h-5 items-center",
+					className: "h-5 flex items-center",
 					children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
 				}),
 				/* @__PURE__ */ jsxs(CardContent, { children: [/* @__PURE__ */ jsx(Skeleton, { className: "my-1 h-4 w-full" }), /* @__PURE__ */ jsx(Skeleton, { className: "my-1 h-4 w-3/4" })] }),
 				/* @__PURE__ */ jsxs(CardFooter, {
-					className: "mt-3 grid grid-cols-[minmax(0,1fr)_auto] items-center gap-1",
+					className: "mt-3 gap-1 grid grid-cols-[minmax(0,1fr)_auto] items-center",
 					children: [/* @__PURE__ */ jsx("div", {
-						className: "flex gap-2",
+						className: "gap-2 flex",
 						children: /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-23 rounded-full" })
 					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex gap-2",
+						className: "gap-2 flex",
 						children: [
 							/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-6 rounded-full" }),
 							/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-6 rounded-full" }),
@@ -23961,16 +24136,16 @@ function EventCardSkeleton({ density: e = "normal", className: t, style: n }) {
 				})
 			]
 		}) : /* @__PURE__ */ jsxs(CardLayout, {
-			className: "grid grid-cols-[auto_1fr] grid-rows-1 gap-x-2",
+			className: "gap-x-2 grid grid-cols-[auto_1fr] grid-rows-1",
 			children: [/* @__PURE__ */ jsx(CardSidebar, {
 				className: "flex items-center justify-center",
 				children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5" })
 			}), /* @__PURE__ */ jsxs(CardHeader, {
-				className: "flex min-w-0 items-center gap-2",
+				className: "min-w-0 gap-2 flex items-center",
 				children: [
 					/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
 					/* @__PURE__ */ jsx("div", {
-						className: "flex min-w-0 items-center gap-2",
+						className: "min-w-0 gap-2 flex items-center",
 						children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
 					}),
 					/* @__PURE__ */ jsx("div", { className: "flex-1" }),
@@ -24010,7 +24185,7 @@ var EVENT_ACTION_CONFIG = {
 		})
 	}
 }, eventCardStyles = tv({
-	base: "w-full rounded-lg border-[1.5px] bg-white-variant-5 p-4",
+	base: "rounded-lg p-4 w-full border-[1.5px] bg-white-variant-5",
 	variants: {
 		tone: {
 			default: "hover:bg-primary-light",
@@ -24088,7 +24263,7 @@ function EventCheckbox({ checked: e, onCheckedChange: t }) {
 }
 function EventStatusesList({ statusBadges: e, density: t }) {
 	return Object.keys(e).length === 0 ? null : /* @__PURE__ */ jsx("div", {
-		className: "flex gap-2",
+		className: "gap-2 flex",
 		children: /* @__PURE__ */ jsx(StopPropagation, { children: Object.keys(e).map((n) => {
 			let r = e[n];
 			return r ? /* @__PURE__ */ jsx(StatusBadge, {
@@ -24102,7 +24277,7 @@ function EventStatusesList({ statusBadges: e, density: t }) {
 }
 function EventActionsList({ actions: e, className: t }) {
 	return Object.keys(e).length === 0 ? null : /* @__PURE__ */ jsx("div", {
-		className: cn("flex gap-2", t),
+		className: cn("gap-2 flex", t),
 		children: /* @__PURE__ */ jsx(StopPropagation, { children: Object.keys(e).map((t) => {
 			let n = e[t];
 			return n ? /* @__PURE__ */ jsx(IconButton, {
@@ -24112,18 +24287,18 @@ function EventActionsList({ actions: e, className: t }) {
 		}) })
 	});
 }
-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: h = {}, actions: g = {}, density: O = "normal", className: A, style: xo, isPriority: R, isDone: So }) {
+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: h = {}, actions: Uo = {}, density: g = "normal", className: O, style: Ko, isPriority: A, isDone: R }) {
 	return /* @__PURE__ */ jsx(Card, {
 		as: Pressable,
 		onPress: u,
 		className: cn(eventCardStyles({
-			tone: R ? "priority" : So ? "done" : "default",
+			tone: A ? "priority" : R ? "done" : "default",
 			state: l ? "selected" : c ? "read" : "unread",
-			density: O
-		}), A),
-		style: xo,
+			density: g
+		}), O),
+		style: Ko,
 		"data-service": t,
-		children: O === "normal" ? /* @__PURE__ */ jsxs(CardLayout, {
+		children: g === "normal" ? /* @__PURE__ */ jsxs(CardLayout, {
 			className: "gap-x-2 gap-y-1",
 			children: [
 				/* @__PURE__ */ jsx(CardSidebar, { children: /* @__PURE__ */ jsx(EventCheckbox, {
@@ -24131,11 +24306,11 @@ function EventCard({ icon: e, service: t, sender: n, title: r, content: i, times
 					onCheckedChange: p
 				}) }),
 				/* @__PURE__ */ jsxs(CardHeader, {
-					className: "grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-2",
+					className: "gap-2 grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center",
 					children: [
 						e,
 						/* @__PURE__ */ jsx("span", {
-							className: cn("min-w-0 -translate-x-0.5 truncate text-sm font-bold text-neutral-900", c && "font-medium"),
+							className: cn("min-w-0 -translate-x-0.5 text-sm font-bold truncate text-neutral-900", c && "font-medium"),
 							children: n
 						}),
 						/* @__PURE__ */ jsx("span", {
@@ -24149,23 +24324,23 @@ function EventCard({ icon: e, service: t, sender: n, title: r, content: i, times
 					]
 				}),
 				/* @__PURE__ */ jsx(CardTitle, {
-					className: cn("line-clamp-1 text-sm font-bold text-neutral-900", c && "font-medium"),
+					className: cn("text-sm font-bold line-clamp-1 text-neutral-900", c && "font-medium"),
 					children: r
 				}),
 				/* @__PURE__ */ jsx(CardContent, {
-					className: "line-clamp-2 min-w-0 text-sm text-neutral-900",
+					className: "min-w-0 text-sm line-clamp-2 text-neutral-900",
 					children: i
 				}),
 				/* @__PURE__ */ jsxs(CardFooter, {
-					className: "mt-3 grid grid-cols-[minmax(0,1fr)_auto] items-center gap-1",
+					className: "mt-3 gap-1 grid grid-cols-[minmax(0,1fr)_auto] items-center",
 					children: [/* @__PURE__ */ jsx(EventStatusesList, { statusBadges: h }), /* @__PURE__ */ jsx(EventActionsList, {
-						actions: g,
+						actions: Uo,
 						className: "col-start-2 justify-self-end"
 					})]
 				})
 			]
 		}) : /* @__PURE__ */ jsxs(CardLayout, {
-			className: "grid grid-cols-[auto_1fr] grid-rows-1 gap-x-2",
+			className: "gap-x-2 grid grid-cols-[auto_1fr] grid-rows-1",
 			children: [/* @__PURE__ */ jsx(CardSidebar, {
 				className: "flex items-center justify-center",
 				children: /* @__PURE__ */ jsx(EventCheckbox, {
@@ -24173,22 +24348,22 @@ function EventCard({ icon: e, service: t, sender: n, title: r, content: i, times
 					onCheckedChange: p
 				})
 			}), /* @__PURE__ */ jsxs(CardHeader, {
-				className: "flex min-w-0 items-center gap-2",
+				className: "min-w-0 gap-2 flex items-center",
 				children: [
 					e,
 					/* @__PURE__ */ jsx(EventStatusesList, {
 						statusBadges: h,
-						density: O
+						density: g
 					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: cn("flex min-w-0 items-center gap-2 text-sm font-bold whitespace-nowrap text-neutral-900", c && "font-medium"),
+						className: cn("min-w-0 gap-2 text-sm font-bold flex items-center whitespace-nowrap text-neutral-900", c && "font-medium"),
 						children: [
 							/* @__PURE__ */ jsx("span", {
 								className: "truncate",
 								children: n
 							}),
 							/* @__PURE__ */ jsx("span", {
-								className: "shrink-0 text-sm text-neutral-500",
+								className: "text-sm shrink-0 text-neutral-500",
 								children: "•"
 							}),
 							/* @__PURE__ */ jsx("span", {
@@ -24198,7 +24373,7 @@ function EventCard({ icon: e, service: t, sender: n, title: r, content: i, times
 						]
 					}),
 					/* @__PURE__ */ jsx("div", { className: "flex-1" }),
-					/* @__PURE__ */ jsx(EventActionsList, { actions: g }),
+					/* @__PURE__ */ jsx(EventActionsList, { actions: Uo }),
 					/* @__PURE__ */ jsx(InfoTooltip, {
 						content: o,
 						children: /* @__PURE__ */ jsx("span", {
@@ -24217,12 +24392,12 @@ function EventCard({ icon: e, service: t, sender: n, title: r, content: i, times
 }
 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",
+		className: "gap-2 rounded-lg p-4 text-sm flex flex-col bg-neutral-100-variant-3 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",
+			className: "gap-x-4 gap-y-1 grid grid-cols-[auto_1fr]",
 			children: t.map(({ label: e, value: t }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 				className: "font-bold",
 				children: [e, ":"]
@@ -24254,25 +24429,22 @@ function EventDetailContentCalendarDetails({ from: e, to: t, link: n, location:
 	] });
 }
 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 px-4 py-2",
-		children: [/* @__PURE__ */ jsx(FireIcon, {
-			size: 32,
-			className: "text-tertiary-500-variant-2"
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "py-1 text-xs leading-[1.2] font-normal text-neutral-800",
+	return /* @__PURE__ */ jsx("div", {
+		className: "top-14 min-h-14 gap-4 px-4 py-3 sticky z-5 flex shrink-0 items-center bg-tertiary-50",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "py-1 text-xs font-normal leading-[1.2] text-neutral-800",
 			children: [/* @__PURE__ */ jsx("span", {
-				className: "font-bold",
+				className: "font-bold text-tertiary-500",
 				children: "High Urgency:\xA0"
 			}), e]
-		})]
+		})
 	});
 }
 function EventDetailSummary({ summary: e }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex gap-2 rounded-lg bg-neutral-100-variant-3 p-4",
+		className: "gap-2 rounded-lg p-4 flex bg-neutral-100-variant-3",
 		children: [/* @__PURE__ */ jsx(SummaryIcon, { size: 24 }), /* @__PURE__ */ jsxs("p", {
-			className: "text-sm leading-[1.3] font-normal text-neutral-800",
+			className: "text-sm font-normal leading-[1.3] text-neutral-800",
 			children: [/* @__PURE__ */ jsx("span", {
 				className: "font-bold",
 				children: "Summary:\xA0"
@@ -24280,17 +24452,13 @@ function EventDetailSummary({ summary: e }) {
 		})]
 	});
 }
-function EventDetailContentHeader({ summary: e, priorityText: t, highlightPriority: n = !1, children: r, className: i }) {
+function EventDetailContentHeader({ summary: e, priorityText: t, children: n, className: r }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col", n && "relative", i),
-		children: [
-			n && /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 z-10 h-full w-1 bg-tertiary-500-variant-2" }),
-			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]
-			})
-		]
+		className: cn("flex flex-col", r),
+		children: [t != null && /* @__PURE__ */ jsx(EventDetailPriority, { priorityText: t }), /* @__PURE__ */ jsxs("div", {
+			className: "gap-4 p-4 flex flex-col",
+			children: [e != null && /* @__PURE__ */ jsx(EventDetailSummary, { summary: e }), n]
+		})]
 	});
 }
 function EventDetailContentCalendar({ detail: { summary: e, body: t, priorityText: n, from: r, to: i, link: a, location: o }, className: s }) {
@@ -24333,7 +24501,6 @@ function EventDetailContentEmail({ detail: { summary: e, body: t, priorityText:
 	return /* @__PURE__ */ jsxs(EventDetailContentHeader, {
 		summary: e,
 		priorityText: n,
-		highlightPriority: !!n,
 		className: s,
 		children: [/* @__PURE__ */ jsx(EventDetailContentEmailDetails, {
 			subject: r,
@@ -24341,18 +24508,18 @@ function EventDetailContentEmail({ detail: { summary: e, body: t, priorityText:
 			date: a,
 			from: o
 		}), /* @__PURE__ */ jsx(RichContent, {
-			className: "max-w-[1260px] px-4",
+			className: "px-4 max-w-[1260px]",
 			content: t
 		})]
 	});
 }
 function DateSeparator({ timestamp: e }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-4",
+		className: "gap-4 flex items-center",
 		children: [
 			/* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-neutral-300-variant-2" }),
 			/* @__PURE__ */ jsx("span", {
-				className: "rounded-full border border-neutral-300-variant-2 px-3 py-1 text-xs font-semibold text-neutral-600",
+				className: "px-3 py-1 text-xs font-semibold rounded-full border border-neutral-300-variant-2 text-neutral-600",
 				children: e
 			}),
 			/* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-neutral-300-variant-2" })
@@ -24386,7 +24553,7 @@ function MessageContent({ content: e }) {
 function RepliesTrigger({ replyId: e, replyCount: t }) {
 	let { openItems: n } = useAccordion();
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-2 p-1.5 px-2 text-xs font-medium text-neutral-600",
+		className: "gap-2 p-1.5 px-2 text-xs font-medium flex items-center text-neutral-600",
 		children: [/* @__PURE__ */ jsx(ArrowIcon, {
 			direction: n.has(`replies-${e}`) ? "up" : "down",
 			size: 12,
@@ -24407,26 +24574,26 @@ function MessageReplies({ replies: e }) {
 		defaultValue: [`replies-${t}`],
 		children: /* @__PURE__ */ jsxs(AccordionItem, {
 			value: `replies-${t}`,
-			className: "flex flex-col gap-2",
+			className: "gap-2 flex flex-col",
 			children: [/* @__PURE__ */ jsx(AccordionTrigger, {
 				value: `replies-${t}`,
-				className: "flex items-center justify-between rounded transition-colors hover:bg-neutral-50",
+				className: "rounded hover:bg-neutral-50 flex items-center justify-between transition-colors",
 				children: /* @__PURE__ */ jsx(RepliesTrigger, {
 					replyId: t,
 					replyCount: e.length
 				})
 			}), /* @__PURE__ */ jsx(AccordionContent, {
 				value: `replies-${t}`,
-				className: "ml-3 flex flex-col gap-4 border-l-2 border-neutral-500 pl-4",
+				className: "ml-3 gap-4 pl-4 flex flex-col border-l-2 border-neutral-500",
 				children: e.map((e) => /* @__PURE__ */ jsxs("div", {
-					className: "flex gap-3",
+					className: "gap-3 flex",
 					children: [/* @__PURE__ */ jsx(Avatar, {
 						name: e.author,
 						size: "lg"
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "min-w-0 flex-1",
 						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2",
+							className: "gap-2 flex items-center",
 							children: [/* @__PURE__ */ jsx("div", {
 								className: "text-sm font-semibold text-neutral-900",
 								children: e.author
@@ -24445,16 +24612,16 @@ function MessageItem({ message: e, isPriority: t = !1 }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "transition-colors",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex gap-3",
+			className: "gap-3 flex",
 			children: [/* @__PURE__ */ jsx(Avatar, {
 				name: e.author,
 				size: t ? "xl" : "lg"
 			}), /* @__PURE__ */ jsxs("div", {
-				className: "flex min-w-0 flex-1 flex-col gap-2",
+				className: "min-w-0 gap-2 flex flex-1 flex-col",
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col gap-1",
+					className: "gap-1 flex flex-col",
 					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-2",
+						className: "gap-2 flex items-center",
 						children: [
 							/* @__PURE__ */ jsx("div", {
 								className: "text-sm font-semibold text-neutral-900",
@@ -24480,14 +24647,14 @@ function PriorityNavigation({ priorityIndex: e, priorityTotal: t, onPreviousPrio
 	if (!e || !t || t <= 1) return null;
 	let i = e > 1, a = e < t;
 	return !a && !i ? null : /* @__PURE__ */ jsx("div", {
-		className: "mb-3 flex justify-center px-2",
+		className: "mb-3 px-2 flex justify-center",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex w-full items-center justify-center gap-4",
+			className: "gap-4 flex w-full items-center justify-center",
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "flex flex-1 justify-end",
 					children: a && /* @__PURE__ */ jsxs(Button, {
-						className: "flex gap-1.5 rounded-md border border-tertiary-500 bg-white px-2.5 py-1.5 text-xs font-medium text-tertiary-500 transition-colors hover:bg-tertiary-50",
+						className: "gap-1.5 rounded-md px-2.5 py-1.5 text-xs font-medium flex border border-tertiary-500 bg-white text-tertiary-500 transition-colors hover:bg-tertiary-50",
 						"aria-label": "Previous Fire",
 						onClick: n,
 						children: [/* @__PURE__ */ jsx(ArrowIcon, {
@@ -24507,7 +24674,7 @@ function PriorityNavigation({ priorityIndex: e, priorityTotal: t, onPreviousPrio
 				/* @__PURE__ */ jsx("div", {
 					className: "flex-1",
 					children: i && /* @__PURE__ */ jsxs(Button, {
-						className: "flex gap-1.5 rounded-md border border-tertiary-500 bg-white px-2.5 py-1.5 text-xs font-medium text-tertiary-500 transition-colors hover:bg-tertiary-50",
+						className: "gap-1.5 rounded-md px-2.5 py-1.5 text-xs font-medium flex border border-tertiary-500 bg-white text-tertiary-500 transition-colors hover:bg-tertiary-50",
 						"aria-label": "Next Fire",
 						onClick: r,
 						children: [/* @__PURE__ */ jsx("span", { children: "Next Fire" }), /* @__PURE__ */ jsx(ArrowIcon, {
@@ -24522,15 +24689,15 @@ function PriorityNavigation({ priorityIndex: e, priorityTotal: t, onPreviousPrio
 }
 function PriorityGroupHeader({ title: e, onMarkAsNotFireClick: t }) {
 	return e ? /* @__PURE__ */ jsx("div", {
-		className: "border-b border-neutral-200 pb-3",
+		className: "pb-3 border-b border-neutral-200",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
+			className: "gap-2 flex items-center",
 			children: [/* @__PURE__ */ jsx(IconButton, {
 				icon: /* @__PURE__ */ jsx(FireIcon, {
 					size: 16,
 					className: "text-tertiary-500"
 				}),
-				className: "relative flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-tertiary-400 bg-tertiary-50 transition-opacity hover:opacity-70",
+				className: "h-6 w-6 relative flex shrink-0 items-center justify-center rounded-full border border-tertiary-400 bg-tertiary-50 transition-opacity hover:opacity-70",
 				"aria-label": "Priority",
 				onClick: t
 			}), /* @__PURE__ */ jsx("h4", {
@@ -24550,7 +24717,7 @@ function PriorityGroup({ group: e, children: t, onPreviousPriority: n, onNextPri
 			onPreviousPriority: n,
 			onNextPriority: r
 		}), /* @__PURE__ */ jsxs("div", {
-			className: "relative flex flex-col gap-4 rounded-r-lg border-l-[3px] border-tertiary-500 bg-tertiary-50-alpha-50 p-4",
+			className: "gap-4 rounded-r-lg p-4 relative flex flex-col border-l-[3px] border-tertiary-500 bg-tertiary-50-alpha-50",
 			children: [/* @__PURE__ */ jsx(PriorityGroupHeader, {
 				title: e.priorityText,
 				onMarkAsNotFireClick: i
@@ -24560,7 +24727,7 @@ function PriorityGroup({ group: e, children: t, onPreviousPriority: n, onNextPri
 }
 function MessageGroup({ group: e, onPreviousPriority: t, onNextPriority: n }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col gap-4",
+		className: "gap-4 flex flex-col",
 		children: [/* @__PURE__ */ jsx(DateSeparator, { timestamp: e.timestamp }), /* @__PURE__ */ jsx(PriorityGroup, {
 			group: e,
 			onPreviousPriority: t,
@@ -24598,7 +24765,7 @@ function EventDetailContentMessage({ detail: { groups: e, summary: t, priorityTe
 		className: r,
 		children: /* @__PURE__ */ jsxs("div", {
 			ref: a,
-			className: "flex flex-col gap-4",
+			className: "gap-4 flex flex-col",
 			children: [e.map((e) => {
 				let t = e.isPriority ? c-- : 0, n = t ? () => {
 					let e = t + 1;
@@ -24675,12 +24842,11 @@ function EventDetailContentTicketDetails({ issue: e, notification: t, project: n
 		]
 	})] });
 }
-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: h }, className: g }) {
+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: h }, className: Uo }) {
 	return /* @__PURE__ */ jsxs(EventDetailContentHeader, {
 		summary: e,
 		priorityText: n,
-		highlightPriority: !!n,
-		className: g,
+		className: Uo,
 		children: [
 			/* @__PURE__ */ jsx(EventDetailContentTicketDetails, {
 				issue: r,
@@ -24700,18 +24866,149 @@ function EventDetailContentTicket({ detail: { summary: e, body: t, priorityText:
 				children: "Description"
 			}),
 			/* @__PURE__ */ jsx(RichContent, {
-				className: "max-w-[1260px] px-4",
+				className: "px-4 max-w-[1260px]",
 				content: t
 			})
 		]
 	});
 }
-function EventDetailHeader({ icon: e, subject: t, from: n, prefixTimestamp: r, timestamp: a, isPriority: o, isOpen: s, isFirstEvent: c, isSingleEvent: l, className: u }) {
+var eventSummaryCardStyles = tv({
+	base: "gap-1 rounded-lg p-4 flex w-full flex-col justify-between border-[1.5px] bg-white-variant-5",
+	variants: {
+		tone: {
+			default: "hover:bg-primary-light",
+			priority: "hover:bg-tertiary-500-variant-4"
+		},
+		state: {
+			normal: "",
+			selected: ""
+		}
+	},
+	compoundVariants: [
+		{
+			tone: "default",
+			state: "normal",
+			class: "border-neutral-400"
+		},
+		{
+			tone: "default",
+			state: "selected",
+			class: "border-primary-500 bg-primary-light"
+		},
+		{
+			tone: "priority",
+			state: "normal",
+			class: "border-tertiary-500-variant-3"
+		},
+		{
+			tone: "priority",
+			state: "selected",
+			class: "border-tertiary-500-variant-2 bg-tertiary-500-variant-4"
+		}
+	]
+});
+function insightLabelVisible(e) {
+	return e != null && e !== "";
+}
+function EventSummaryInsightChip({ label: e }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex h-14 w-full min-w-0 items-center overflow-hidden bg-white px-4 py-2", o && "relative", u),
-		"data-priority": o,
-		children: [o && /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 z-10 h-full w-1 shrink-0 bg-tertiary-500-variant-2" }), /* @__PURE__ */ jsxs("div", {
-			className: "flex w-full min-w-0 items-center gap-4 overflow-hidden",
+		className: "h-5 gap-1 px-1.5 inline-flex shrink-0 items-center rounded-full border border-primary-400 bg-primary-light",
+		children: [/* @__PURE__ */ jsx(InsightIcon, {
+			size: 13,
+			className: "text-primary-500"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "font-semibold text-[10px] leading-none whitespace-nowrap text-primary-500",
+			children: e
+		})]
+	});
+}
+function EventSummaryFireButton({ active: e, onClick: t }) {
+	return /* @__PURE__ */ jsx(StopPropagation, { children: /* @__PURE__ */ jsx(IconButton, {
+		className: cn("group h-5 w-5 rounded-full border border-neutral-300 hover:border-tertiary-400 hover:bg-tertiary-50", e && "border-tertiary-400 bg-tertiary-50"),
+		icon: e ? /* @__PURE__ */ jsxs("span", {
+			className: "contents",
+			children: [/* @__PURE__ */ jsx(FireFillIcon, {
+				size: 16,
+				className: "block text-tertiary-500-variant-2 opacity-100 group-hover:hidden group-hover:opacity-0"
+			}), /* @__PURE__ */ jsx(CloseIcon, {
+				size: 12,
+				className: "hidden text-neutral-500 opacity-0 group-hover:block group-hover:text-tertiary-500-variant-2 group-hover:opacity-100",
+				strokeWidth: 2
+			})]
+		}) : /* @__PURE__ */ jsx(FireIcon, {
+			size: 16,
+			className: "text-neutral-500 group-hover:text-tertiary-500-variant-2"
+		}),
+		onClick: t,
+		"aria-pressed": e
+	}) });
+}
+function EventSummaryCard({ icon: e, service: t, sender: n, title: r, content: i, timestamp: a, workspace: o, selected: s = !1, onSelect: c, actions: l, className: u }) {
+	let { fire: f, insight: p, link: h } = l, Uo = p?.label ?? null;
+	return /* @__PURE__ */ jsxs(Pressable, {
+		onPress: c,
+		className: cn(eventSummaryCardStyles({
+			tone: f.active ? "priority" : "default",
+			state: s ? "selected" : "normal"
+		}), EVENT_SUMMARY_CARD_HEIGHT_SIZE.style, u),
+		"data-service": t,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "gap-1.5 flex items-center justify-between",
+				children: [
+					e,
+					/* @__PURE__ */ jsx("span", {
+						className: "min-w-0 -translate-x-0.5 text-sm font-medium truncate text-neutral-900",
+						children: n
+					}),
+					/* @__PURE__ */ jsx(InfoTooltip, {
+						content: o,
+						children: /* @__PURE__ */ jsx(Avatar, {
+							name: o,
+							size: "xs"
+						})
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-xs leading-tight font-semibold tracking-wide flex-1 text-right whitespace-nowrap text-neutral-800",
+						children: a
+					}),
+					insightLabelVisible(Uo) && /* @__PURE__ */ jsx(EventSummaryInsightChip, { label: Uo }),
+					/* @__PURE__ */ jsx(EventSummaryFireButton, {
+						active: f.active,
+						onClick: f.onClick
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "text-sm font-medium line-clamp-1 text-neutral-900",
+				children: r
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "gap-2 flex",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "min-w-0 text-sm font-normal line-clamp-1 flex-1 text-neutral-700",
+					children: i
+				}), /* @__PURE__ */ jsx(InfoTooltip, {
+					content: h.tooltip,
+					children: /* @__PURE__ */ jsx(StopPropagation, { children: /* @__PURE__ */ jsx(IconButton, {
+						type: "button",
+						icon: /* @__PURE__ */ jsx(ExternalLinkIcon, {
+							size: 16,
+							className: "text-neutral-800"
+						}),
+						className: "text-primary-500",
+						onClick: h.onClick
+					}) })
+				})]
+			})
+		]
+	});
+}
+function EventDetailHeader({ icon: e, subject: t, from: n, prefixTimestamp: r, timestamp: a, isPriority: o, isOpen: s, isFirstEvent: c, isSingleEvent: l, className: u, onFireClick: f }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("h-14 min-w-0 px-4 py-2 flex w-full items-center overflow-hidden bg-white", u),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "min-w-0 gap-3 flex w-full items-center overflow-hidden",
 			children: [
 				c && /* @__PURE__ */ jsx(IconButton, {
 					icon: /* @__PURE__ */ jsx(ArrowIcon, {
@@ -24720,41 +25017,36 @@ function EventDetailHeader({ icon: e, subject: t, from: n, prefixTimestamp: r, t
 						className: "text-neutral-700"
 					}),
 					"aria-label": "Go back",
-					className: "rounded p-1 hover:bg-neutral-100 md:hidden"
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "relative shrink-0",
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "relative flex items-center justify-center",
-						children: [cloneElement(e, { size: 36 }), !s && o && /* @__PURE__ */ jsx(FireIcon, {
-							size: 16,
-							className: "absolute right-[-12px] bottom-0 text-tertiary-500-variant-2"
-						})]
-					})
+					className: "rounded p-1 md:hidden hover:bg-neutral-100"
 				}),
+				cloneElement(e, { size: 36 }),
 				/* @__PURE__ */ jsxs("div", {
 					className: "w-0 min-w-0 flex-1 overflow-hidden",
 					children: [/* @__PURE__ */ jsx("h3", {
-						className: "block truncate text-sm leading-[1.3] font-bold text-neutral-900",
+						className: "text-sm font-bold block truncate leading-[1.3] text-neutral-900",
 						children: n
 					}), /* @__PURE__ */ jsx("div", {
-						className: "block truncate text-sm leading-[1.3] font-normal text-neutral-900",
+						className: "text-sm font-normal block truncate leading-[1.3] text-neutral-900",
 						children: t
 					})]
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: "flex max-w-[180px] min-w-0 shrink items-center gap-1 text-right text-xs leading-[1.2] tracking-[0.12px]",
+					className: "min-w-0 gap-1 text-xs flex max-w-[180px] shrink items-center text-right leading-[1.2] tracking-[0.12px]",
 					children: [r != null && /* @__PURE__ */ jsx("span", {
-						className: "min-w-0 truncate font-normal text-neutral-600",
+						className: "min-w-0 font-normal truncate text-neutral-600",
 						children: r
 					}), /* @__PURE__ */ jsx("span", {
-						className: "shrink-0 font-semibold whitespace-nowrap text-neutral-800",
+						className: "font-medium shrink-0 whitespace-nowrap text-neutral-600",
 						children: a
 					})]
 				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex shrink-0 items-center gap-2",
-					children: [!l && /* @__PURE__ */ jsx(IconButton, {
+				/* @__PURE__ */ jsx(EventSummaryFireButton, {
+					active: o,
+					onClick: f
+				}),
+				!l && /* @__PURE__ */ jsx("div", {
+					className: "gap-2 flex shrink-0 items-center",
+					children: /* @__PURE__ */ jsx(IconButton, {
 						icon: /* @__PURE__ */ jsx(ArrowIcon, {
 							size: 24,
 							className: "text-neutral-700",
@@ -24762,17 +25054,21 @@ function EventDetailHeader({ icon: e, subject: t, from: n, prefixTimestamp: r, t
 						}),
 						"aria-label": "Toggle event",
 						className: "rounded p-1 hover:bg-neutral-100"
-					}), c && /* @__PURE__ */ jsx(IconButton, {
+					})
+				}),
+				c && /* @__PURE__ */ jsx("div", {
+					className: "gap-2 md:hidden flex shrink-0 items-center",
+					children: /* @__PURE__ */ jsx(IconButton, {
 						icon: /* @__PURE__ */ jsx(MoreIcon, {
 							size: 24,
 							className: "text-neutral-700"
 						}),
 						"aria-label": "Close",
-						className: "rounded p-1 hover:bg-neutral-100 md:hidden"
-					})]
+						className: "rounded p-1 hover:bg-neutral-100"
+					})
 				})
 			]
-		})]
+		})
 	});
 }
 function EventDetailSkeleton({ className: e }) {
@@ -24783,13 +25079,13 @@ function EventDetailSkeleton({ className: e }) {
 }
 function EventDetailHeaderSkeleton({ className: e }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex h-14 w-full items-center bg-white px-4 py-2", e),
+		className: cn("h-14 px-4 py-2 flex w-full items-center bg-white", e),
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex w-full items-center gap-4",
+			className: "gap-4 flex w-full items-center",
 			children: [
 				/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 rounded-full" }),
 				/* @__PURE__ */ jsxs("div", {
-					className: "min-w-0 flex-1 space-y-2",
+					className: "min-w-0 space-y-2 flex-1",
 					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-3/12" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-9/12" })]
 				}),
 				/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-14" })
@@ -24801,11 +25097,11 @@ function EventDetailContentSkeleton() {
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-4 p-4",
+			className: "gap-4 p-4 flex flex-col",
 			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex gap-2 rounded-lg bg-neutral-100-variant-3 p-4",
+				className: "gap-2 rounded-lg p-4 flex bg-neutral-100-variant-3",
 				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-6 rounded" }), /* @__PURE__ */ jsxs("div", {
-					className: "flex-1 space-y-2",
+					className: "space-y-2 flex-1",
 					children: [
 						/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-6/12" }),
 						/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-10/12" }),
@@ -24847,7 +25143,7 @@ function renderEventContent(e) {
 function getEventValue(e, t) {
 	return e.id ?? `${e.type}-${e.timestamp}-${t}`;
 }
-function EventDetail({ events: e, expandedEventIndex: t }) {
+function EventDetail({ events: e, expandedEventIndex: t, onFireClick: n }) {
 	if (e.length === 0) return null;
 	if (e.length === 1) {
 		let t = e[0];
@@ -24863,67 +25159,69 @@ function EventDetail({ events: e, expandedEventIndex: t }) {
 				isOpen: !0,
 				isFirstEvent: !0,
 				isSingleEvent: !0,
-				className: "sticky top-0 z-10 border-b border-neutral-400"
+				className: "top-0 sticky z-10 border-b border-neutral-400",
+				onFireClick: n
 			}), renderEventContent(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$1, { children: e.map((n, r) => {
-			let i = getEventValue(n, r), a = t.has(i);
+		children: ({ openItems: t }) => /* @__PURE__ */ jsx(Fragment$1, { children: e.map((r, i) => {
+			let a = getEventValue(r, i), o = t.has(a);
 			return /* @__PURE__ */ jsxs(AccordionItem, {
-				value: i,
+				value: a,
 				children: [/* @__PURE__ */ jsx(AccordionTrigger, {
-					value: i,
-					className: "sticky top-0 z-10",
+					value: a,
+					className: "top-0 sticky z-10",
 					children: /* @__PURE__ */ jsx(EventDetailHeader, {
-						icon: n.icon,
-						subject: n.subject,
-						from: n.from,
-						prefixTimestamp: n.prefixTimestamp,
-						timestamp: n.timestamp,
-						isPriority: n.isPriority,
-						isFirstEvent: r === 0,
+						icon: r.icon,
+						subject: r.subject,
+						from: r.from,
+						prefixTimestamp: r.prefixTimestamp,
+						timestamp: r.timestamp,
+						isPriority: r.isPriority,
+						isFirstEvent: i === 0,
 						isSingleEvent: !1,
-						isOpen: a,
-						className: "border-b border-neutral-400"
+						isOpen: o,
+						className: "border-b border-neutral-400",
+						onFireClick: n
 					})
 				}), /* @__PURE__ */ jsx(AccordionContent, {
-					value: i,
-					className: cn(r < e.length - 1 && a && "border-b border-neutral-400"),
-					children: renderEventContent(n)
+					value: a,
+					className: cn(i < e.length - 1 && o && "border-b border-neutral-400"),
+					children: renderEventContent(r)
 				})]
-			}, i);
+			}, a);
 		}) })
 	});
 }
 const EventEmptyState = ({ icon: e, title: t, description: n }) => /* @__PURE__ */ jsxs("div", {
-	className: "flex w-full flex-1 flex-col items-center justify-center gap-3 p-4",
+	className: "gap-3 p-4 flex w-full flex-1 flex-col items-center justify-center",
 	children: [cloneElement(e, {
 		size: e.props.size ?? 35,
 		className: "text-neutral-500"
 	}), /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col items-center justify-center gap-1",
+		className: "gap-1 flex flex-col items-center justify-center",
 		children: [/* @__PURE__ */ jsx("h3", {
-			className: "text-base leading-[1.3] font-medium text-neutral-900",
+			className: "text-base font-medium leading-[1.3] text-neutral-900",
 			children: t
 		}), /* @__PURE__ */ jsx("p", {
-			className: "w-full text-center text-xs leading-[1.3] font-normal text-neutral-600",
+			className: "text-xs font-normal w-full text-center leading-[1.3] text-neutral-600",
 			children: n
 		})]
 	})]
 });
 function EventSummaryCardSkeleton({ className: e, style: t }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex w-full flex-col justify-between gap-1 rounded-lg border-[1.5px] border-neutral-400 bg-white-variant-5 p-4", EVENT_SUMMARY_CARD_HEIGHT_SIZE.style, e),
+		className: cn("gap-1 rounded-lg p-4 flex w-full flex-col justify-between bg-white-variant-5", EVENT_SUMMARY_CARD_HEIGHT_SIZE.style, e),
 		style: t,
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "grid grid-cols-[auto_minmax(0,1fr)_auto_auto_auto_auto] items-center gap-1.5",
+				className: "gap-1.5 grid grid-cols-[auto_minmax(0,1fr)_auto_auto_auto_auto] items-center",
 				children: [
 					/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
-					/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full max-w-40" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-4 max-w-40 w-full" }),
 					/* @__PURE__ */ jsx(Skeleton, { className: "size-4 rounded-full" }),
 					/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-12" }),
 					/* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" }),
@@ -24932,162 +25230,47 @@ function EventSummaryCardSkeleton({ className: e, style: t }) {
 			}),
 			/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-7/12" }),
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
+				className: "gap-2 flex items-center",
 				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 min-w-0 flex-1" }), /* @__PURE__ */ jsx(Skeleton, { className: "size-5 shrink-0" })]
 			})
 		]
 	});
 }
-var eventSummaryCardStyles = tv({
-	base: "flex w-full flex-col justify-between gap-1 rounded-lg border-[1.5px] bg-white-variant-5 p-4",
-	variants: {
-		tone: {
-			default: "hover:bg-primary-light",
-			priority: "hover:bg-tertiary-500-variant-4"
-		},
-		state: {
-			normal: "",
-			selected: ""
-		}
-	},
-	compoundVariants: [
-		{
-			tone: "default",
-			state: "normal",
-			class: "border-neutral-400"
-		},
-		{
-			tone: "default",
-			state: "selected",
-			class: "border-primary-500 bg-primary-light"
-		},
-		{
-			tone: "priority",
-			state: "normal",
-			class: "border-tertiary-500-variant-3"
-		},
-		{
-			tone: "priority",
-			state: "selected",
-			class: "border-tertiary-500-variant-2 bg-tertiary-500-variant-4"
-		}
-	]
-});
-function insightLabelVisible(e) {
-	return e != null && e !== "";
-}
-function EventSummaryInsightChip({ label: e }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "inline-flex h-5 shrink-0 items-center gap-1 rounded-full border border-primary-400 bg-primary-light px-1.5",
-		children: [/* @__PURE__ */ jsx(InsightIcon, {
-			size: 13,
-			className: "text-primary-500"
-		}), /* @__PURE__ */ jsx("span", {
-			className: "text-[10px] leading-none font-semibold whitespace-nowrap text-primary-500",
-			children: e
-		})]
-	});
-}
-function EventSummaryFireButton({ active: e, onClick: t }) {
-	return /* @__PURE__ */ jsx(StopPropagation, { children: /* @__PURE__ */ jsx(IconButton, {
-		className: cn("group h-5 w-5 rounded-full border border-neutral-300 hover:border-tertiary-400 hover:bg-tertiary-50", e && "border-tertiary-400 bg-tertiary-50"),
-		icon: e ? /* @__PURE__ */ jsxs("span", {
-			className: "contents",
-			children: [/* @__PURE__ */ jsx(FireFillIcon, {
-				size: 16,
-				className: "block text-tertiary-500-variant-2 opacity-100 group-hover:hidden group-hover:opacity-0"
-			}), /* @__PURE__ */ jsx(CloseIcon, {
-				size: 12,
-				className: "hidden text-neutral-500 opacity-0 group-hover:block group-hover:text-tertiary-500-variant-2 group-hover:opacity-100",
-				strokeWidth: 2
-			})]
-		}) : /* @__PURE__ */ jsx(FireIcon, {
-			size: 16,
-			className: "text-neutral-500 group-hover:text-tertiary-500-variant-2"
-		}),
-		onClick: t,
-		"aria-pressed": e
-	}) });
-}
-function EventSummaryCard({ icon: e, service: t, sender: n, title: r, content: i, timestamp: a, workspace: o, selected: s = !1, onSelect: c, actions: l, className: u }) {
-	let { fire: f, insight: p, link: h } = l, g = p?.label ?? null;
-	return /* @__PURE__ */ jsxs(Pressable, {
-		onPress: c,
-		className: cn(eventSummaryCardStyles({
-			tone: f.active ? "priority" : "default",
-			state: s ? "selected" : "normal"
-		}), EVENT_SUMMARY_CARD_HEIGHT_SIZE.style, u),
-		"data-service": t,
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between gap-1.5",
-				children: [
-					e,
-					/* @__PURE__ */ jsx("span", {
-						className: "min-w-0 -translate-x-0.5 truncate text-sm font-medium text-neutral-900",
-						children: n
-					}),
-					/* @__PURE__ */ jsx(InfoTooltip, {
-						content: o,
-						children: /* @__PURE__ */ jsx(Avatar, {
-							name: o,
-							size: "xs"
-						})
-					}),
-					/* @__PURE__ */ jsx("span", {
-						className: "flex-1 text-right text-xs leading-tight font-semibold tracking-wide whitespace-nowrap text-neutral-800",
-						children: a
-					}),
-					insightLabelVisible(g) && /* @__PURE__ */ jsx(EventSummaryInsightChip, { label: g }),
-					/* @__PURE__ */ jsx(EventSummaryFireButton, {
-						active: f.active,
-						onClick: f.onClick
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "line-clamp-1 text-sm font-medium text-neutral-900",
-				children: r
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex gap-2",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "line-clamp-1 min-w-0 flex-1 text-sm font-normal text-neutral-700",
-					children: i
-				}), /* @__PURE__ */ jsx(InfoTooltip, {
-					content: h.tooltip,
-					children: /* @__PURE__ */ jsx(StopPropagation, { children: /* @__PURE__ */ jsx(IconButton, {
-						type: "button",
-						icon: /* @__PURE__ */ jsx(ExternalLinkIcon, {
-							size: 16,
-							className: "text-neutral-800"
-						}),
-						className: "text-primary-500",
-						onClick: h.onClick
-					}) })
-				})]
-			})
-		]
-	});
-}
 function FilterBarSkeleton({ itemCount: e = 3, className: t }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-wrap items-center gap-2", t),
+		className: cn("gap-2 flex flex-wrap items-center", t),
 		children: Array.from({ length: e }).map((e, t) => /* @__PURE__ */ jsx(FilterChipSkeleton, {}, t))
 	});
 }
 function FilterChipSkeleton() {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-1 rounded-full border border-neutral-300 bg-white px-2 py-1",
+		className: "gap-1 px-2 py-1 flex items-center rounded-full border border-neutral-300 bg-white",
 		children: [/* @__PURE__ */ jsx(Skeleton, { className: "m-0.5 size-4 rounded-full" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-15" })]
 	});
 }
 function FilterBar({ children: e, className: t }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-wrap items-center gap-2", t),
+		className: cn("gap-2 flex flex-wrap items-center", t),
 		children: e.map((e, t) => cloneElement(e, { key: t }))
 	});
 }
+function HelpPanel({ classNames: e, ...t }) {
+	return /* @__PURE__ */ jsx(HelpPanelEngine, {
+		...t,
+		classNames: {
+			root: cn("right-3 rounded-2xl shadow-2xl top-[68px] z-99999 max-h-[calc(100vh-84px)] w-[300px] border border-neutral-200 bg-white", e?.root),
+			header: cn("p-4 bg-primary-500", e?.header),
+			title: cn("text-sm font-semibold text-white", e?.title),
+			closeButton: cn("text-white/70 hover:text-white", e?.closeButton),
+			body: e?.body,
+			accordion: e?.accordion,
+			item: e?.item,
+			itemTrigger: cn("p-3 font-semibold hover:bg-neutral-100", e?.itemTrigger),
+			itemContent: cn("p-4", e?.itemContent),
+			footer: cn("px-4 py-3 border-t border-neutral-200", e?.footer)
+		}
+	});
+}
 var dividerStyles = tv({
 	base: "bg-neutral-400-variant-4",
 	variants: {
@@ -25143,7 +25326,7 @@ function Divider({ className: e, ...t }) {
 	return /* @__PURE__ */ jsx("div", { className: cn(dividerStyles(t), e) });
 }
 function IntegrationBarSkeleton({ orientation: e = "vertical", itemCount: t = 3, className: n }) {
-	let r = e === "vertical", i = cn("size-full", r ? "overflow-x-hidden" : "overflow-y-hidden"), a = cn("grid h-full w-full place-items-center gap-4", r ? "grid-cols-1" : "auto-cols-max grid-flow-col", n), o = cn("flex w-fit items-center", r ? "flex-col gap-1" : "flex-row gap-2"), s = cn("h-3", r ? "w-12 text-[9px]" : "w-16 text-xs"), c = cn("h-3", r ? "w-8 text-[9px]" : "w-10 text-xs");
+	let r = e === "vertical", i = cn("size-full", r ? "overflow-x-hidden" : "overflow-y-hidden"), a = cn("gap-4 grid h-full w-full place-items-center", r ? "grid-cols-1" : "auto-cols-max grid-flow-col", n), o = cn("flex w-fit items-center", r ? "gap-1 flex-col" : "gap-2 flex-row"), s = cn("h-3", r ? "w-12 text-[9px]" : "w-16 text-xs"), c = cn("h-3", r ? "w-8 text-[9px]" : "w-10 text-xs");
 	return /* @__PURE__ */ jsx("div", {
 		className: i,
 		children: /* @__PURE__ */ jsxs("div", {
@@ -25164,10 +25347,10 @@ function IntegrationBarSkeleton({ orientation: e = "vertical", itemCount: t = 3,
 }
 function IntegrationBar({ orientation: e = "vertical", children: t, onAddMore: n, className: r }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex size-full min-h-0 min-w-0", e === "vertical" ? "flex-col items-center" : "flex-row items-center", r),
+		className: cn("min-h-0 min-w-0 flex size-full", e === "vertical" ? "flex-col items-center" : "flex-row items-center", r),
 		children: [
 			/* @__PURE__ */ jsx("div", {
-				className: cn("grid min-h-0 min-w-0 place-items-center", e === "vertical" ? "w-full flex-1 grid-cols-1 overflow-x-hidden overflow-y-auto" : "h-full flex-1 auto-cols-max grid-flow-col overflow-x-auto overflow-y-hidden"),
+				className: cn("min-h-0 min-w-0 grid place-items-center", e === "vertical" ? "w-full flex-1 grid-cols-1 overflow-x-hidden overflow-y-auto" : "h-full flex-1 auto-cols-max grid-flow-col overflow-x-auto overflow-y-hidden"),
 				children: t.map((t) => cloneElement(t, { classNames: { root: e === "vertical" ? "py-2" : "px-2" } }))
 			}),
 			/* @__PURE__ */ jsx(Divider, { orientation: e === "vertical" ? "horizontal" : "vertical" }),
@@ -25186,9 +25369,9 @@ function IntegrationItemSkeleton() {
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex w-full items-center justify-center",
 		children: /* @__PURE__ */ jsx("div", {
-			className: "flex w-full flex-col gap-2 rounded-lg bg-neutral-100-variant-3 px-3 py-3",
+			className: "gap-2 rounded-lg px-3 py-3 flex w-full flex-col bg-neutral-100-variant-3",
 			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between gap-2",
+				className: "gap-2 flex items-center justify-between",
 				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/3" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/8" })]
 			})
 		})
@@ -25197,14 +25380,14 @@ function IntegrationItemSkeleton() {
 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",
+		className: "gap-4 rounded-lg p-4 flex flex-col border border-neutral-400 bg-white",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex min-w-0 flex-1 items-center gap-2",
+					className: "min-w-0 gap-2 flex flex-1 items-center",
 					children: [/* @__PURE__ */ jsx("div", {
-						className: "flex h-11 w-11 shrink-0 items-center justify-center",
+						className: "h-11 w-11 flex shrink-0 items-center justify-center",
 						children: /* @__PURE__ */ jsx("div", {
 							className: "flex items-center justify-center",
 							children: cloneElement(e, {
@@ -25213,9 +25396,9 @@ function IntegrationsCard({ icon: e, name: t, maxConnectionsPerService: r, conne
 							})
 						})
 					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex min-w-0 flex-1 flex-col",
+						className: "min-w-0 flex flex-1 flex-col",
 						children: [/* @__PURE__ */ jsx("div", {
-							className: "truncate text-xs font-bold text-neutral-800",
+							className: "text-xs font-bold truncate text-neutral-800",
 							children: t
 						}), /* @__PURE__ */ jsx("div", {
 							className: "text-xs font-normal text-neutral-800",
@@ -25223,14 +25406,14 @@ function IntegrationsCard({ icon: e, name: t, maxConnectionsPerService: r, conne
 						})]
 					})]
 				}), 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",
+					className: "gap-1 rounded-lg px-2 py-1 text-xs font-bold flex shrink-0 items-center border border-brand-primary bg-white text-brand-primary transition-opacity hover:opacity-70",
 					onClick: o,
 					children: a
 				})]
 			}),
 			s && /* @__PURE__ */ jsx(IntegrationItemSkeleton, {}),
 			l > 0 && c && /* @__PURE__ */ jsx("div", {
-				className: "flex flex-col gap-2",
+				className: "gap-2 flex flex-col",
 				children: c
 			})
 		]
@@ -25238,19 +25421,19 @@ function IntegrationsCard({ icon: e, name: t, maxConnectionsPerService: r, conne
 }
 function IntegrationItem({ account: e, valid: t, disconnectLabel: n, onDisconnect: r, invalidLabel: i, invalidDescription: a }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col gap-2 rounded-lg border px-3 py-3", t === !1 ? "border-error-base bg-error-base/5" : "border-brand-primary bg-neutral-100-variant-3"),
+		className: cn("gap-2 rounded-lg px-3 py-3 flex flex-col border", t === !1 ? "border-error-base bg-error-base/5" : "border-brand-primary bg-neutral-100-variant-3"),
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-between gap-2",
+			className: "gap-2 flex items-center justify-between",
 			children: [/* @__PURE__ */ jsx("div", {
-				className: "flex-1 truncate text-xs font-bold text-neutral-800",
+				className: "text-xs font-bold flex-1 truncate text-neutral-800",
 				children: e
 			}), /* @__PURE__ */ jsx(Button, {
-				className: "shrink-0 text-xs font-medium text-error-base underline transition-opacity hover:opacity-70",
+				className: "text-xs font-medium shrink-0 text-error-base underline transition-opacity hover:opacity-70",
 				onClick: r,
 				children: n
 			})]
 		}), t === !1 && /* @__PURE__ */ jsxs("div", {
-			className: "flex gap-2",
+			className: "gap-2 flex",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "text-xs font-semibold text-error-base",
 				children: i
@@ -25261,17 +25444,189 @@ function IntegrationItem({ account: e, valid: t, disconnectLabel: n, onDisconnec
 		})]
 	});
 }
+function ArrowTowardCardEnd() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-0 w-0 shrink-0 border-y-8 border-r-10 border-y-transparent border-r-primary-500",
+		"aria-hidden": !0
+	});
+}
+function ArrowTowardCardStart() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-0 w-0 shrink-0 border-y-8 border-l-10 border-y-transparent border-l-primary-500",
+		"aria-hidden": !0
+	});
+}
+function ArrowTowardCardBelow() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-0 w-0 shrink-0 border-x-8 border-b-10 border-x-transparent border-b-primary-500",
+		"aria-hidden": !0
+	});
+}
+function ArrowTowardCardAbove() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-0 w-0 shrink-0 border-x-8 border-t-10 border-x-transparent border-t-primary-500",
+		"aria-hidden": !0
+	});
+}
+function OnboardingCardArrow({ layout: e, placement: t }) {
+	return jsx(e === "horizontal" ? t === "before" ? ArrowTowardCardEnd : ArrowTowardCardStart : t === "before" ? ArrowTowardCardBelow : ArrowTowardCardAbove, {});
+}
+function wrapArrow(e, t, n) {
+	return t == null && n == null ? e : /* @__PURE__ */ jsx("div", {
+		className: t,
+		style: n,
+		"aria-hidden": !0,
+		children: e
+	});
+}
+function OnboardingCard({ stepLabel: e, title: t, description: n, titleAccessory: r, primaryAction: i, secondaryAction: a, layout: o, arrowPlacement: s = "before", arrowWrapperClassName: c, arrowWrapperStyle: l, className: u, cardClassName: f }) {
+	let p = i != null || a != null, h = /* @__PURE__ */ jsxs("div", {
+		className: cn("rounded-xl p-4 shadow-xl bg-primary-500 text-white", f),
+		children: [
+			e != null && /* @__PURE__ */ jsx("p", {
+				className: "mb-1 font-semibold tracking-widest text-[10px] text-white uppercase opacity-70",
+				children: e
+			}),
+			r == null ? /* @__PURE__ */ jsx("div", {
+				className: "mb-1 text-sm leading-snug font-semibold",
+				children: t
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "mb-1 gap-1.5 flex items-center",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "text-sm leading-snug font-semibold",
+					children: t
+				}), r]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-4 text-xs leading-relaxed font-normal opacity-90",
+				children: n
+			}),
+			p && /* @__PURE__ */ jsxs("div", {
+				className: "gap-2 flex items-center",
+				children: [i, a]
+			})
+		]
+	}), Uo = wrapArrow(/* @__PURE__ */ jsx(OnboardingCardArrow, {
+		layout: o,
+		placement: s
+	}), c, l), g = s === "before" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [Uo, h] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [h, Uo] });
+	return o === "horizontal" ? /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center", u),
+		children: g
+	}) : /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col items-center", u),
+		children: g
+	});
+}
+var subscribeNoop = () => () => {}, getClientSnapshot = () => !0, getServerSnapshot = () => !1, PRIMARY_BTN = "rounded-lg bg-white px-4 py-1.5 text-xs font-semibold text-primary-500 transition-opacity hover:opacity-90", GHOST_BTN = "text-xs font-semibold text-white/70 transition-colors hover:text-white";
+function measureStepPosition(e, t) {
+	let n = t.getBoundingClientRect();
+	return e.layout === "horizontal" ? {
+		mode: "horizontal",
+		top: (e.horizontalAlign ?? "target-center") === "viewport-center" ? window.innerHeight / 2 : n.top + n.height / 2,
+		left: n.right + 12
+	} : {
+		mode: "vertical",
+		top: n.bottom + 10,
+		left: n.left,
+		arrowMarginLeft: n.width / 2 - 8
+	};
+}
+function measureActiveStep(e) {
+	if (e == null) return null;
+	let t = document.getElementById(e.targetId);
+	return t ? measureStepPosition(e, t) : null;
+}
+function OnboardingPortal({ currentStep: e, actions: t, steps: n, onFinish: r }) {
+	let i = useSyncExternalStore(subscribeNoop, getClientSnapshot, getServerSnapshot), [a, o] = useState(null), s = useRef(!1), c = e != null;
+	if (useLayoutEffect(() => {
+		if (!i || !c) {
+			let e = requestAnimationFrame(() => o(null));
+			return () => cancelAnimationFrame(e);
+		}
+		let t = 0, n = () => {
+			cancelAnimationFrame(t), t = requestAnimationFrame(() => {
+				o(measureActiveStep(e));
+			});
+		};
+		return n(), window.addEventListener("scroll", n, !0), window.addEventListener("resize", n), () => {
+			cancelAnimationFrame(t), window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n);
+		};
+	}, [
+		i,
+		c,
+		e,
+		n
+	]), useEffect(() => {
+		s.current && !c && r?.(), s.current = c;
+	}, [c, r]), !i || typeof document > "u" || !c || a == null) return null;
+	let u = e.layout === "vertical" && a.mode === "vertical" ? {
+		marginLeft: a.arrowMarginLeft,
+		...e.arrowWrapperStyle
+	} : e.arrowWrapperStyle, p = /* @__PURE__ */ jsx(OnboardingCard, {
+		stepLabel: e.stepLabel,
+		title: e.title,
+		description: e.description,
+		titleAccessory: e.titleAccessory,
+		layout: e.layout,
+		arrowPlacement: e.arrowPlacement ?? "before",
+		className: cn("tour-fade-in-up", e.layout === "vertical" && "items-start", e.className),
+		cardClassName: e.cardClassName,
+		arrowWrapperClassName: e.arrowWrapperClassName,
+		arrowWrapperStyle: u,
+		primaryAction: /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			className: PRIMARY_BTN,
+			onClick: () => t.dismissCurrentStep(),
+			children: "Got it"
+		}),
+		secondaryAction: /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			className: GHOST_BTN,
+			onClick: () => t.skipAll(),
+			children: "Skip"
+		})
+	}, e.id);
+	return createPortal(/* @__PURE__ */ jsx("div", {
+		...a.mode === "horizontal" ? {
+			className: "pointer-events-auto fixed z-[999999] flex items-center",
+			style: {
+				top: a.top,
+				left: a.left,
+				transform: "translateY(-50%)"
+			}
+		} : {
+			className: "pointer-events-auto fixed z-[999999] flex flex-col items-start",
+			style: {
+				top: a.top,
+				left: a.left
+			}
+		},
+		children: p
+	}), document.body);
+}
+function Onboarding({ steps: e, context: t, onFinish: n }) {
+	return /* @__PURE__ */ jsx(OnboardingEngine, {
+		steps: e,
+		context: t,
+		children: (t) => /* @__PURE__ */ jsx(OnboardingPortal, {
+			...t,
+			steps: e,
+			onFinish: n
+		})
+	});
+}
 function SearchInput({ value: e, defaultValue: t, placeholder: n = "Search...", onChange: r, onKeyDown: i, onClear: a, disabled: o = !1, className: s }) {
 	let [c, l] = useState(t ?? ""), u = typeof e == "string", f = u ? e : c, p = f.length > 0;
-	function g(e) {
+	function h(e) {
 		u || l(e), r?.(e);
 	}
-	function O() {
+	function g() {
 		u || l(""), r?.(""), a?.();
 	}
 	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", o && "pointer-events-none bg-neutral-200 opacity-70", s),
+		className: cn("h-8 min-w-0 gap-1.5 px-2 py-1 flex items-center rounded-full border border-neutral-500-variant-3 bg-white", o && "pointer-events-none bg-neutral-200 opacity-70", s),
 		disabled: o,
 		children: [
 			/* @__PURE__ */ jsx(SearchIcon, {
@@ -25282,9 +25637,9 @@ function SearchInput({ value: e, defaultValue: t, placeholder: n = "Search...",
 				type: "text",
 				value: f,
 				placeholder: n,
-				onChange: g,
+				onChange: h,
 				onKeyDown: i,
-				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", o && "text-neutral-700-alpha-60")
+				className: cn("m-0 h-5 min-w-0 p-0 text-xs flex-1 border-0 text-neutral-800", "bg-transparent outline-none", "placeholder:text-neutral-700-alpha-60", o && "text-neutral-700-alpha-60")
 			}),
 			p && !o && /* @__PURE__ */ jsx(IconButton, {
 				type: "button",
@@ -25292,7 +25647,7 @@ function SearchInput({ value: e, defaultValue: t, placeholder: n = "Search...",
 					size: 16,
 					className: "text-neutral-700"
 				}),
-				onClick: O,
+				onClick: g,
 				"aria-label": "Clear search",
 				className: "rounded p-0 transition-opacity hover:opacity-70"
 			})
@@ -25363,9 +25718,9 @@ function ConfirmationToast({ title: e, description: t, cancelLabel: n, acceptLab
 }
 function ConfirmationTemplate({ title: e, description: t, cancelLabel: n, acceptLabel: r, onCancel: i, onAccept: a }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full max-w-md flex-col justify-center gap-6 rounded-lg bg-white p-6 shadow-xl",
+		className: "max-w-md gap-6 rounded-lg p-6 shadow-xl flex w-full flex-col justify-center bg-white",
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col justify-center gap-3",
+			className: "gap-3 flex flex-col justify-center",
 			children: [/* @__PURE__ */ jsx("h3", {
 				className: "text-base font-medium text-neutral-900",
 				children: e
@@ -25374,13 +25729,13 @@ function ConfirmationTemplate({ title: e, description: t, cancelLabel: n, accept
 				children: t
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-end gap-3",
+			className: "gap-3 flex items-center justify-end",
 			children: [/* @__PURE__ */ jsx(Button, {
-				className: "rounded-lg border border-neutral-300 px-4 py-2 text-sm font-medium text-neutral-900 transition-opacity hover:opacity-70",
+				className: "rounded-lg px-4 py-2 text-sm font-medium border border-neutral-300 text-neutral-900 transition-opacity hover:opacity-70",
 				onClick: () => i(close),
 				children: n
 			}), /* @__PURE__ */ jsx(Button, {
-				className: "rounded-lg bg-error-base px-4 py-2 text-sm font-medium text-white transition-opacity hover:opacity-90",
+				className: "rounded-lg px-4 py-2 text-sm font-medium bg-error-base text-white transition-opacity hover:opacity-90",
 				onClick: () => a(close),
 				children: r
 			})]
@@ -25398,12 +25753,12 @@ function UndoToast({ title: e, subtitle: t, description: n, onUndo: r, onClose:
 }
 function UndoToastTemplate({ title: e, subtitle: t, description: n, onUndo: r, onClose: i }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "grid max-w-[400px] min-w-[280px] grid-cols-[auto_1fr] gap-3 rounded-lg bg-success-base p-4",
+		className: "gap-3 rounded-lg p-4 grid max-w-[400px] min-w-[280px] grid-cols-[auto_1fr] bg-success-base",
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col justify-center gap-1",
+			className: "gap-1 flex flex-col justify-center",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-2",
+					className: "gap-2 flex items-center",
 					children: [/* @__PURE__ */ jsx("span", {
 						className: "text-xs font-medium text-white",
 						children: e
@@ -25414,11 +25769,11 @@ function UndoToastTemplate({ title: e, subtitle: t, description: n, onUndo: r, o
 					})]
 				}),
 				t && /* @__PURE__ */ jsx("div", {
-					className: "line-clamp-2 text-xs font-semibold text-white-alpha-90",
+					className: "text-xs font-semibold line-clamp-2 text-white-alpha-90",
 					children: t
 				}),
 				n && /* @__PURE__ */ jsx("div", {
-					className: "line-clamp-2 text-xs text-white-alpha-80",
+					className: "text-xs line-clamp-2 text-white-alpha-80",
 					children: n
 				})
 			]
@@ -25479,6 +25834,6 @@ function QtaloImage({ size: e = 40, className: t, ...n }) {
 		}) })]
 	});
 }
-export { AVATAR_COLOR, AVATAR_COLOR_KEYS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountIcon, AccountInfo, ActionMenu, ActionMenuItem, AddCircleIcon, AddIcon, ArrowIcon, AsanaIcon, Avatar, Badge, BulkActions, BulkActionsSkeleton, Button, CalendarIcon, Card, CardContent, CardFooter, CardHeader, CardLayout, CardSidebar, CardTitle, CheckCircleEmptyIcon, CheckCircleIcon, CheckSquareIcon, Checkbox, CheckboxIcon, ClickUpIcon, CloseIcon, CompactDensityIcon, CopyIcon, DarkIcon, DatePicker, Divider, Dropdown, DropdownContext, DropdownMenu, DropdownMenuItem, EVENT_CARD_HEIGHT_SIZE, EVENT_SUMMARY_CARD_HEIGHT_SIZE, EmptyBoxIcon, EventCard, EventCardSkeleton, EventDetail, EventDetailContentCalendar, EventDetailContentEmail, EventDetailContentHeader, EventDetailContentMessage, EventDetailContentTicket, EventDetailHeader, EventDetailPriority, EventDetailSkeleton, EventDetailSummary, EventEmptyState, EventSummaryCard, EventSummaryCardSkeleton, ExternalLinkIcon, FilterBar, FilterBarSkeleton, FilterButton, FireFillIcon, FireIcon, GmailIcon, GoogleCalendarIcon, HomeIcon, 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, SignOutIcon, 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, AddCircleIcon, AddIcon, ArrowIcon, AsanaIcon, Avatar, Badge, BulkActions, BulkActionsSkeleton, Button, CalendarIcon, Card, CardContent, CardFooter, CardHeader, CardLayout, CardSidebar, CardTitle, CheckCircleEmptyIcon, CheckCircleIcon, CheckSquareIcon, Checkbox, CheckboxIcon, ClickUpIcon, CloseIcon, CompactDensityIcon, CopyIcon, DarkIcon, DatePicker, Divider, Dropdown, DropdownContext, DropdownMenu, DropdownMenuItem, EVENT_CARD_HEIGHT_SIZE, EVENT_SUMMARY_CARD_HEIGHT_SIZE, EmptyBoxIcon, EventCard, EventCardSkeleton, EventDetail, EventDetailContentCalendar, EventDetailContentEmail, EventDetailContentHeader, EventDetailContentMessage, EventDetailContentTicket, EventDetailHeader, EventDetailPriority, EventDetailSkeleton, EventDetailSummary, EventEmptyState, EventSummaryCard, EventSummaryCardSkeleton, EventSummaryFireButton, ExternalLinkIcon, FilterBar, FilterBarSkeleton, FilterButton, FireFillIcon, FireIcon, GmailIcon, GoogleCalendarIcon, HelpPanel, HelpPanelEngine, HomeIcon, Icon, IconButton, IconCountButton, IconCountButtonSkeleton, InboxIcon, InfoTooltip, Input, InsightFillIcon, InsightIcon, IntegrationBar, IntegrationBarSkeleton, IntegrationItem, IntegrationItemSkeleton, IntegrationsCard, JiraIcon, LightIcon, LogoIcon, MailIcon, MinusIcon, MoreIcon, NormalDensityIcon, NotFireIcon, Onboarding, OnboardingCard, OnboardingEngine, OutlookCalendarIcon, OutlookIcon, Pressable, QtaloImage, ReadIcon, RichContent, SearchIcon, SearchInput, SignOutIcon, 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