@qtalo/qt-ui-library 0.1.16 → 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: lo } = e, h = c.prototype, g = lookupGetter(h, "cloneNode"), uo = lookupGetter(h, "remove"), fo = lookupGetter(h, "nextSibling"), O = lookupGetter(h, "childNodes"), A = lookupGetter(h, "parentNode");
+	let { document: n } = e, r = n, i = r.currentScript, { DocumentFragment: a, HTMLTemplateElement: o, Node: s, Element: c, NodeFilter: l, NamedNodeMap: u = e.NamedNodeMap || e.MozNamedAttrMap, HTMLFormElement: f, DOMParser: p, trustedTypes: 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, po = "", { implementation: mo, createNodeIterator: ho, createDocumentFragment: go, getElementsByTagName: _o } = n, { importNode: vo } = r, yo = _createHooksMap();
-	t.isSupported = typeof entries == "function" && typeof A == "function" && mo && mo.createHTMLDocument !== void 0;
-	let { MUSTACHE_EXPR: bo, ERB_EXPR: xo, TMPLIT_EXPR: So, DATA_ATTR: Co, ARIA_ATTR: wo, IS_SCRIPT_OR_DATA: To, ATTR_WHITESPACE: Eo, CUSTOM_ELEMENT: Do } = EXPRESSIONS, { IS_ALLOWED_URI: Oo } = EXPRESSIONS, B = null, ko = 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, Ao = addToSet({}, [
+	]), cs = null, ls = addToSet({}, [
 		...html,
 		...svg,
 		...mathMl,
@@ -363,7 +363,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: !1
 		}
-	})), jo = null, Mo = null, No = 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
 		}
-	})), Po = !0, Fo = !0, Io = !1, Lo = !0, Ro = !1, zo = !0, Bo = !1, Vo = !1, Ho = !1, Uo = !1, Wo = !1, Go = !1, Ko = !0, qo = !1, Jo = !0, Yo = !1, Xo = {}, Zo = null, Qo = 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"
-	]), $o = null, es = addToSet({}, [
+	]), Ms = null, Ns = addToSet({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), ts = null, ns = addToSet({}, [
+	]), Ps = null, Fs = addToSet({}, [
 		"alt",
 		"class",
 		"for",
@@ -424,58 +424,58 @@ function createDOMPurify() {
 		"value",
 		"style",
 		"xmlns"
-	]), rs = "http://www.w3.org/1998/Math/MathML", is = "http://www.w3.org/2000/svg", as = "http://www.w3.org/1999/xhtml", os = as, ss = !1, cs = null, ls = addToSet({}, [
-		rs,
-		is,
-		as
-	], stringToString), us = 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"
-	]), ds = addToSet({}, ["annotation-xml"]), fs = addToSet({}, [
+	]), Ws = addToSet({}, ["annotation-xml"]), Gs = addToSet({}, [
 		"title",
 		"style",
 		"font",
 		"a",
 		"script"
-	]), ps = null, ms = ["application/xhtml+xml", "text/html"], Y = null, hs = null, gs = n.createElement("form"), _s = 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;
-	}, vs = function() {
+	}, Zs = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		if (!(hs && hs === e)) {
-			if ((!e || typeof e != "object") && (e = {}), e = clone(e), ps = ms.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Y = ps === "application/xhtml+xml" ? stringToString : stringToLowerCase, B = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, Y) : ko, V = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, Y) : Ao, cs = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : ls, ts = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(ns), e.ADD_URI_SAFE_ATTR, Y) : ns, $o = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(es), e.ADD_DATA_URI_TAGS, Y) : es, Zo = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, Y) : Qo, jo = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, Y) : clone({}), Mo = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, Y) : clone({}), Xo = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, Po = e.ALLOW_ARIA_ATTR !== !1, Fo = e.ALLOW_DATA_ATTR !== !1, Io = e.ALLOW_UNKNOWN_PROTOCOLS || !1, Lo = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, Ro = e.SAFE_FOR_TEMPLATES || !1, zo = e.SAFE_FOR_XML !== !1, Bo = e.WHOLE_DOCUMENT || !1, Uo = e.RETURN_DOM || !1, Wo = e.RETURN_DOM_FRAGMENT || !1, Go = e.RETURN_TRUSTED_TYPE || !1, Ho = e.FORCE_BODY || !1, Ko = e.SANITIZE_DOM !== !1, qo = e.SANITIZE_NAMED_PROPS || !1, Jo = e.KEEP_CONTENT !== !1, Yo = e.IN_PLACE || !1, Oo = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, os = e.NAMESPACE || as, us = e.MATHML_TEXT_INTEGRATION_POINTS || us, ds = e.HTML_INTEGRATION_POINTS || ds, H = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && _s(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (H.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && _s(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), Ro && (Fo = !1), Wo && (Uo = !0), Xo && (B = addToSet({}, text), V = [], Xo.html === !0 && (addToSet(B, html$1), addToSet(V, html)), Xo.svg === !0 && (addToSet(B, svg$1), addToSet(V, svg), addToSet(V, xml)), Xo.svgFilters === !0 && (addToSet(B, svgFilters), addToSet(V, svg), addToSet(V, xml)), Xo.mathMl === !0 && (addToSet(B, mathMl$1), addToSet(V, mathMl), addToSet(V, xml))), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? No.tagCheck = e.ADD_TAGS : (B === ko && (B = clone(B)), addToSet(B, e.ADD_TAGS, Y))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? No.attributeCheck = e.ADD_ATTR : (V === Ao && (V = clone(V)), addToSet(V, e.ADD_ATTR, Y))), e.ADD_URI_SAFE_ATTR && addToSet(ts, e.ADD_URI_SAFE_ATTR, Y), e.FORBID_CONTENTS && (Zo === Qo && (Zo = clone(Zo)), addToSet(Zo, e.FORBID_CONTENTS, Y)), e.ADD_FORBID_CONTENTS && (Zo === Qo && (Zo = clone(Zo)), addToSet(Zo, e.ADD_FORBID_CONTENTS, Y)), Jo && (B["#text"] = !0), Bo && 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 jo.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, po = R.createHTML("");
-			} else R === void 0 && (R = _createTrustedTypesPolicy(lo, i)), R !== null && typeof po == "string" && (po = R.createHTML(""));
-			freeze && freeze(e), hs = 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;
 		}
-	}, ys = addToSet({}, [
+	}, Qs = addToSet({}, [
 		...svg$1,
 		...svgFilters,
 		...svgDisallowed
-	]), bs = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), xs = function(e) {
-		let t = A(e);
+	]), $s = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), ec = function(e) {
+		let t = Ko(e);
 		(!t || !t.tagName) && (t = {
-			namespaceURI: os,
+			namespaceURI: zs,
 			tagName: "template"
 		});
 		let n = stringToLowerCase(e.tagName), r = stringToLowerCase(t.tagName);
-		return cs[e.namespaceURI] ? e.namespaceURI === is ? t.namespaceURI === as ? n === "svg" : t.namespaceURI === rs ? n === "svg" && (r === "annotation-xml" || us[r]) : !!ys[n] : e.namespaceURI === rs ? t.namespaceURI === as ? n === "math" : t.namespaceURI === is ? n === "math" && ds[r] : !!bs[n] : e.namespaceURI === as ? t.namespaceURI === is && !ds[r] || t.namespaceURI === rs && !us[r] ? !1 : !bs[n] && (fs[n] || !ys[n]) : !!(ps === "application/xhtml+xml" && cs[e.namespaceURI]) : !1;
-	}, Ss = 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 {
-			A(e).removeChild(e);
+			Ko(e).removeChild(e);
 		} catch {
-			uo(e);
+			O(e);
 		}
-	}, Cs = 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 (Uo || Wo) try {
-			Ss(n);
+		if (n.removeAttribute(e), e === "is") if (Ss || Cs) try {
+			tc(n);
 		} catch {}
 		else try {
 			n.setAttribute(e, "");
 		} catch {}
-	}, ws = function(e) {
+	}, rc = function(e) {
 		let t = null, r = null;
-		if (Ho) e = "<remove></remove>" + e;
+		if (xs) e = "<remove></remove>" + e;
 		else {
 			let t = stringMatch(e, /^[\r\n\t ]+/);
 			r = t && t[0];
 		}
-		ps === "application/xhtml+xml" && os === as && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
-		let i = R ? R.createHTML(e) : e;
-		if (os === as) try {
-			t = new p().parseFromString(i, ps);
+		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 = mo.createDocument(os, "template", null);
+			t = qo.createDocument(zs, "template", null);
 			try {
-				t.documentElement.innerHTML = ss ? po : 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), os === as ? _o.call(t, Bo ? "html" : "body")[0] : Bo ? t.documentElement : a;
-	}, Ts = function(e) {
-		return ho.call(e.ownerDocument || e, e, l.SHOW_ELEMENT | l.SHOW_COMMENT | l.SHOW_TEXT | l.SHOW_PROCESSING_INSTRUCTION | l.SHOW_CDATA_SECTION, null);
-	}, Es = 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");
-	}, Ds = function(e) {
+	}, oc = function(e) {
 		return typeof s == "function" && e instanceof s;
 	};
-	function Os(e, n, r) {
+	function sc(e, n, r) {
 		arrayForEach(e, (e) => {
-			e.call(t, n, r, hs);
+			e.call(t, n, r, Js);
 		});
 	}
-	let ks = function(e) {
+	let cc = function(e) {
 		let n = null;
-		if (Os(yo.beforeSanitizeElements, e, null), Es(e)) return Ss(e), !0;
+		if (sc(B.beforeSanitizeElements, e, null), ac(e)) return tc(e), !0;
 		let r = Y(e.nodeName);
-		if (Os(yo.uponSanitizeElement, e, {
+		if (sc(B.uponSanitizeElement, e, {
 			tagName: r,
-			allowedTags: B
-		}), zo && e.hasChildNodes() && !Ds(e.firstElementChild) && regExpTest(/<[/\w!]/g, e.innerHTML) && regExpTest(/<[/\w!]/g, e.textContent) || e.nodeType === NODE_TYPE.progressingInstruction || zo && e.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, e.data)) return Ss(e), !0;
-		if (!(No.tagCheck instanceof Function && No.tagCheck(r)) && (!B[r] || jo[r])) {
-			if (!jo[r] && js(r) && (H.tagNameCheck instanceof RegExp && regExpTest(H.tagNameCheck, r) || H.tagNameCheck instanceof Function && H.tagNameCheck(r))) return !1;
-			if (Jo && !Zo[r]) {
-				let t = A(e) || e.parentNode, n = O(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 = g(n[i], !0);
-						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, fo(e));
+						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, Wo(e));
 					}
 				}
 			}
-			return Ss(e), !0;
+			return tc(e), !0;
 		}
-		return e instanceof c && !xs(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (Ss(e), !0) : (Ro && e.nodeType === NODE_TYPE.text && (n = e.textContent, arrayForEach([
-			bo,
-			xo,
-			So
+		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)), Os(yo.afterSanitizeElements, e, null), !1);
-	}, As = function(e, t, r) {
-		if (Ko && (t === "id" || t === "name") && (r in n || r in gs)) return !1;
-		if (!(Fo && !Mo[t] && regExpTest(Co, t)) && !(Po && regExpTest(wo, t)) && !(No.attributeCheck instanceof Function && No.attributeCheck(t, e))) {
-			if (!V[t] || Mo[t]) {
-				if (!(js(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 (!ts[t] && !regExpTest(Oo, stringReplace(r, Eo, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(r, "data:") === 0 && $o[e]) && !(Io && !regExpTest(To, stringReplace(r, Eo, ""))) && 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;
-	}, js = function(e) {
-		return e !== "annotation-xml" && stringMatch(e, Do);
-	}, Ms = function(e) {
-		Os(yo.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 || Es(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, Os(yo.uponSanitizeAttribute, e, r), u = r.attrValue, qo && (c === "id" || c === "name") && (Cs(a, e), u = "user-content-" + u), zo && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
-				Cs(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")) {
-				Cs(a, e);
+				nc(a, e);
 				continue;
 			}
 			if (r.forceKeepAttr) continue;
 			if (!r.keepAttr) {
-				Cs(a, e);
+				nc(a, e);
 				continue;
 			}
-			if (!Lo && regExpTest(/\/>/i, u)) {
-				Cs(a, e);
+			if (!gs && regExpTest(/\/>/i, u)) {
+				nc(a, e);
 				continue;
 			}
-			Ro && arrayForEach([
-				bo,
-				xo,
-				So
+			_s && arrayForEach([
+				Qo,
+				$o,
+				es
 			], (e) => {
 				u = stringReplace(u, e, " ");
 			});
 			let f = Y(e.nodeName);
-			if (!As(f, c, u)) {
-				Cs(a, e);
+			if (!lc(f, c, u)) {
+				nc(a, e);
 				continue;
 			}
-			if (R && typeof lo == "object" && typeof lo.getAttributeType == "function" && !o) switch (lo.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), Es(e) ? Ss(e) : arrayPop(t.removed);
+				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), ac(e) ? tc(e) : arrayPop(t.removed);
 			} catch {
-				Cs(a, e);
+				nc(a, e);
 			}
 		}
-		Os(yo.afterSanitizeAttributes, e, null);
-	}, Ns = function e(t) {
-		let n = null, r = Ts(t);
-		for (Os(yo.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) Os(yo.uponSanitizeShadowNode, n, null), ks(n), Ms(n), n.content instanceof a && e(n.content);
-		Os(yo.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 (ss = !e, ss && (e = "<!-->"), typeof e != "string" && !Ds(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 (Vo || vs(n), t.removed = [], typeof e == "string" && (Yo = !1), Yo) {
+		if (bs || Zs(n), t.removed = [], typeof e == "string" && (Os = !1), Os) {
 			if (e.nodeName) {
 				let t = Y(e.nodeName);
-				if (!B[t] || jo[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 = ws("<!---->"), 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 (!Uo && !Ro && !Bo && e.indexOf("<") === -1) return R && Go ? R.createHTML(e) : e;
-			if (i = ws(e), !i) return Uo ? null : Go ? po : "";
+			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 && Ho && Ss(i.firstChild);
-		let u = Ts(Yo ? e : i);
-		for (; c = u.nextNode();) ks(c), Ms(c), c.content instanceof a && Ns(c.content);
-		if (Yo) return e;
-		if (Uo) {
-			if (Wo) for (l = go.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 = vo.call(r, l, !0)), l;
+			return (cs.shadowroot || cs.shadowrootmode) && (l = Zo.call(r, l, !0)), l;
 		}
-		let f = Bo ? i.outerHTML : i.innerHTML;
-		return Bo && 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), Ro && arrayForEach([
-			bo,
-			xo,
-			So
+		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 && Go ? R.createHTML(f) : f;
+		}), A && ws ? A.createHTML(f) : f;
 	}, t.setConfig = function() {
-		vs(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), Vo = !0;
+		Zs(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), bs = !0;
 	}, t.clearConfig = function() {
-		hs = null, Vo = !1;
+		Js = null, bs = !1;
 	}, t.isValidAttribute = function(e, t, n) {
-		return hs || vs({}), As(Y(e), Y(t), n);
+		return Js || Zs({}), lc(Y(e), Y(t), n);
 	}, t.addHook = function(e, t) {
-		typeof t == "function" && arrayPush(yo[e], t);
+		typeof t == "function" && arrayPush(B[e], t);
 	}, t.removeHook = function(e, t) {
 		if (t !== void 0) {
-			let n = arrayLastIndexOf(yo[e], t);
-			return n === -1 ? void 0 : arraySplice(yo[e], n, 1)[0];
+			let n = arrayLastIndexOf(B[e], t);
+			return n === -1 ? void 0 : arraySplice(B[e], n, 1)[0];
 		}
-		return arrayPop(yo[e]);
+		return arrayPop(B[e]);
 	}, t.removeHooks = function(e) {
-		yo[e] = [];
+		B[e] = [];
 	}, t.removeAllHooks = function() {
-		yo = _createHooksMap();
+		B = _createHooksMap();
 	}, t;
 }
 var purify = createDOMPurify();
@@ -20157,14 +20157,14 @@ ${c}` : c;
 				if (this.options.pedantic ? (f = 2, s = c.trimStart()) : u ? f = t[1].length + 1 : (f = t[2].search(this.rules.other.nonSpaceChar), f = f > 4 ? 1 : f, s = c.slice(f), f += t[1].length), u && this.rules.other.blankLine.test(l) && (r += l + "\n", e = e.substring(l.length + 1), n = !0), !n) {
 					let t = this.rules.other.nextBulletRegex(f), n = this.rules.other.hrRegex(f), i = this.rules.other.fencesBeginRegex(f), a = this.rules.other.headingBeginRegex(f), o = this.rules.other.htmlBeginRegex(f);
 					for (; e;) {
-						let p = e.split("\n", 1)[0], lo;
-						if (l = p, this.options.pedantic ? (l = l.replace(this.rules.other.listReplaceNesting, "  "), lo = l) : lo = l.replace(this.rules.other.tabCharGlobal, "    "), i.test(l) || a.test(l) || o.test(l) || t.test(l) || n.test(l)) break;
-						if (lo.search(this.rules.other.nonSpaceChar) >= f || !l.trim()) s += "\n" + lo.slice(f);
+						let p = e.split("\n", 1)[0], h;
+						if (l = p, this.options.pedantic ? (l = l.replace(this.rules.other.listReplaceNesting, "  "), h = l) : h = l.replace(this.rules.other.tabCharGlobal, "    "), i.test(l) || a.test(l) || o.test(l) || t.test(l) || n.test(l)) break;
+						if (h.search(this.rules.other.nonSpaceChar) >= f || !l.trim()) s += "\n" + h.slice(f);
 						else {
 							if (u || c.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || i.test(c) || a.test(c) || n.test(c)) break;
 							s += "\n" + l;
 						}
-						!u && !l.trim() && (u = !0), r += p + "\n", e = e.substring(p.length + 1), c = lo.slice(f);
+						!u && !l.trim() && (u = !0), r += p + "\n", e = e.substring(p.length + 1), c = h.slice(f);
 					}
 				}
 				i.loose || (o ? i.loose = !0 : this.rules.other.doubleBlankLine.test(r) && (o = !0)), i.items.push({
@@ -21328,21 +21328,21 @@ 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, h] = useState(t ?? !1), g = e ?? f;
+	let u = useRef(null), [f, p] = useState(t ?? !1), g = e ?? f;
 	useEffect(() => {
 		u.current && (u.current.indeterminate = !!r);
 	}, [r]);
 	function O(t) {
 		let n = t.target.checked;
-		e === void 0 && h(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: O,
 				...e === void 0 ? { defaultChecked: t } : { checked: e }
@@ -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), h = useRef(null), g = useRef(null), [A, R] = useState(null);
-	useLayoutEffect(() => {
-		if (!s || !f.current || !h.current) return;
-		let e = f.current.getBoundingClientRect(), t = h.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 po() {
-		g.current &&= (clearTimeout(g.current), null), c(!0);
-	}
-	function mo() {
-		g.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) || h.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(() => () => {
-		g.current && clearTimeout(g.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: po,
-			onMouseLeave: mo,
-			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: h,
-			onMouseEnter: po,
-			onMouseLeave: mo,
+		}), R && !o && createPortal(/* @__PURE__ */ jsx("div", {
+			ref: Yo,
+			onMouseEnter: c ? $o : void 0,
+			onMouseLeave: c ? es : void 0,
 			style: {
 				position: "fixed",
-				top: A?.top ?? 0,
-				left: A?.left ?? 0,
-				visibility: A ? "visible" : "hidden",
+				top: Zo?.top ?? 0,
+				left: Zo?.left ?? 0,
+				visibility: Zo ? "visible" : "hidden",
 				zIndex: 1e3
 			},
 			children: t
@@ -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), [h, A] = 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);
-	}, po = () => {
-		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)), A((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: po,
-		onFocus: R,
-		onBlur: po,
+		onMouseEnter: A,
+		onMouseLeave: R,
+		onFocus: A,
+		onBlur: R,
 		children: e
 	}), c && createPortal(/* @__PURE__ */ jsx("div", {
 		ref: o,
 		role: "tooltip",
 		style: {
 			position: "fixed",
-			top: h?.top ?? 0,
-			left: h?.left ?? 0,
-			visibility: h ? "visible" : "hidden",
+			top: p?.top ?? 0,
+			left: p?.left ?? 0,
+			visibility: p ? "visible" : "hidden",
 			zIndex: 1e3
 		},
 		className: cn(i),
@@ -22363,29 +22378,89 @@ function CheckCircleIcon({ pathProps: e, ...t }) {
 		})
 	});
 }
-function FireIcon({ pathProps: e, ...t }) {
+function FireFillIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsx(Icon, {
 		viewBox: "0 0 20 20",
 		...t,
 		children: /* @__PURE__ */ jsx("path", {
-			d: "M5 11.67C5 12.51 5.2 13.29 5.6 14.01C6 14.73 6.55 15.32 7.26 15.76C7.19 15.64 7.15 15.53 7.12 15.41C7.1 15.29 7.08 15.17 7.08 15.04C7.08 14.66 7.16 14.29 7.31 13.95C7.45 13.61 7.67 13.3 7.94 13.03L10 11L12.07 13.03C12.34 13.3 12.55 13.61 12.7 13.95C12.84 14.29 12.92 14.66 12.92 15.04C12.92 15.17 12.9 15.29 12.88 15.41C12.85 15.53 12.81 15.64 12.74 15.76C13.45 15.32 14 14.73 14.4 14.01C14.8 13.29 15 12.51 15 11.67C15 10.97 14.87 10.32 14.61 9.7C14.36 9.08 13.99 8.53 13.5 8.04C13.22 8.22 12.93 8.36 12.63 8.45C12.32 8.54 12.01 8.58 11.69 8.58C10.82 8.58 10.07 8.3 9.44 7.73C8.81 7.16 8.45 6.45 8.35 5.61C7.81 6.06 7.33 6.53 6.92 7.03C6.5 7.52 6.15 8.02 5.86 8.54C5.58 9.05 5.36 9.57 5.22 10.1C5.07 10.62 5 11.15 5 11.67ZM10 12.75L8.81 13.92C8.66 14.07 8.54 14.24 8.46 14.44C8.38 14.63 8.33 14.83 8.33 15.04C8.33 15.49 8.5 15.87 8.82 16.19C9.15 16.51 9.54 16.67 10 16.67C10.46 16.67 10.85 16.51 11.18 16.19C11.5 15.87 11.67 15.49 11.67 15.04C11.67 14.82 11.63 14.61 11.54 14.43C11.46 14.24 11.34 14.07 11.19 13.92L10 12.75ZM9.58 3.25V5.25C9.58 5.84 9.79 6.33 10.19 6.73C10.6 7.13 11.1 7.33 11.69 7.33C11.94 7.33 12.19 7.29 12.42 7.19C12.65 7.09 12.86 6.95 13.05 6.76L13.42 6.39C14.3 6.96 14.99 7.71 15.49 8.64C16 9.58 16.25 10.59 16.25 11.67C16.25 13.41 15.64 14.89 14.43 16.1C13.22 17.31 11.74 17.92 10 17.92C8.26 17.92 6.78 17.31 5.57 16.1C4.36 14.89 3.75 13.41 3.75 11.67C3.75 10.06 4.27 8.51 5.32 7.02C6.37 5.53 7.79 4.27 9.58 3.25Z",
+			d: "M3.72,11.13c0-1.23.27-2.35.82-3.33.54-.99,1.16-1.84,1.85-2.56.69-.72,1.35-1.29,1.98-1.73.63-.44,1.04-.72,1.21-.84v2.01c0,.65.22,1.16.65,1.53.43.38.92.56,1.46.56.25,0,.49-.05.72-.14.23-.09.45-.24.65-.43l.37-.37c.86.56,1.55,1.31,2.07,2.25.52.93.78,1.95.78,3.05,0,1.25-.33,2.38-1,3.38-.66,1-1.53,1.75-2.58,2.24.27-.3.48-.64.63-1.01.15-.38.23-.78.23-1.21,0-.47-.09-.91-.27-1.33-.18-.42-.43-.8-.76-1.13l-2.53-2.47-2.51,2.47c-.34.34-.6.72-.78,1.13-.18.42-.27.86-.27,1.33,0,.43.08.84.23,1.21.15.38.36.72.63,1.01-1.06-.49-1.92-1.23-2.58-2.24-.66-1-1-2.13-1-3.38ZM10,11.33l1.63,1.6c.22.22.38.46.5.72.11.27.17.55.17.86,0,.62-.22,1.16-.67,1.6-.45.44-.99.66-1.63.66s-1.18-.22-1.63-.66c-.45-.44-.67-.97-.67-1.6,0-.29.06-.58.17-.85.11-.27.28-.52.5-.74l1.63-1.6Z",
 			fill: "currentColor",
 			...e
 		})
 	});
 }
-function InsightIcon({ pathProps: e, ...t }) {
+function FireIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsx(Icon, {
-		viewBox: "0 0 16 16",
+		viewBox: "0 0 20 20",
 		...t,
 		children: /* @__PURE__ */ jsx("path", {
-			d: "M8 4.52C8.72 6.07 10.03 7.31 11.64 8.01C10.03 8.71 8.72 9.95 8 11.5C7.27 9.95 5.97 8.71 4.36 8.01C5.97 7.31 7.27 6.07 8 4.52Z",
-			stroke: "currentColor",
-			strokeWidth: "1.25",
+			d: "M5,11.09c0,.84.2,1.62.6,2.34.4.72.95,1.31,1.65,1.75-.06-.12-.11-.23-.13-.35-.03-.12-.04-.24-.04-.37,0-.39.07-.75.22-1.09.15-.34.36-.65.64-.93l2.06-2.02,2.07,2.02c.28.28.49.59.63.93.15.34.22.7.22,1.09,0,.13-.01.25-.04.37-.03.12-.07.23-.13.35.7-.44,1.25-1.03,1.65-1.75.4-.72.6-1.5.6-2.34,0-.69-.13-1.35-.39-1.97-.26-.62-.63-1.17-1.11-1.66-.28.18-.57.32-.87.41-.31.09-.62.14-.94.14-.87,0-1.62-.28-2.25-.85-.63-.57-.99-1.28-1.09-2.12-.54.45-1.02.93-1.44,1.42-.42.49-.77,1-1.05,1.51-.28.51-.5,1.03-.65,1.56-.15.53-.22,1.05-.22,1.57ZM10,12.17l-1.19,1.17c-.15.15-.27.33-.35.52-.08.19-.12.4-.12.6,0,.44.16.83.49,1.15.33.32.72.48,1.18.48s.85-.16,1.18-.48c.33-.32.49-.7.49-1.15,0-.22-.04-.43-.12-.61s-.2-.36-.35-.51l-1.19-1.17ZM9.58,2.66v2c0,.59.2,1.08.61,1.48.41.4.9.6,1.49.6.26,0,.5-.05.73-.14.23-.1.44-.24.64-.42l.37-.37c.88.56,1.57,1.31,2.07,2.25.5.94.76,1.95.76,3.02,0,1.74-.61,3.22-1.82,4.43-1.21,1.21-2.69,1.82-4.43,1.82s-3.22-.61-4.43-1.82c-1.21-1.21-1.82-2.69-1.82-4.43,0-1.61.52-3.16,1.57-4.65,1.05-1.49,2.47-2.75,4.26-3.77Z",
+			fill: "currentColor",
 			...e
 		})
 	});
 }
+function InsightFillIcon({ 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",
+				fill: "currentColor",
+				stroke: "currentColor",
+				strokeWidth: "1",
+				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",
+				fill: "currentColor",
+				stroke: "currentColor",
+				strokeWidth: "1",
+				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",
+				fill: "currentColor",
+				stroke: "currentColor",
+				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
+			})
+		]
+	});
+}
 function NotFireIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsxs(Icon, {
 		viewBox: "0 0 20 20",
@@ -22548,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
 		})
@@ -22568,6 +22643,28 @@ function ExternalLinkIcon({ pathProps: e, ...t }) {
 		})
 	});
 }
+function HomeIcon({ pathProps: e, ...t }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		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: "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
+		})
+	});
+}
 function LightIcon({ pathProps: e, ...t }) {
 	return /* @__PURE__ */ jsx(Icon, {
 		viewBox: "0 0 24 24",
@@ -22579,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",
@@ -22747,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 }
 	});
 }
@@ -22830,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), {});
 }
@@ -22901,7 +23114,7 @@ function useToastTimers(e, t) {
 				}), n;
 			});
 		}, COUNTDOWN_INTERVAL_MS);
-	}, []), h = useCallback(() => {
+	}, []), p = useCallback(() => {
 		if (o.current) return;
 		o.current = !0;
 		let e = Date.now();
@@ -22926,7 +23139,7 @@ function useToastTimers(e, t) {
 		e,
 		u,
 		f
-	]), uo = useCallback((e) => {
+	]), O = useCallback((e) => {
 		i.current.delete(e), r((t) => {
 			let n = new Map(t);
 			return n.delete(e), n;
@@ -22946,23 +23159,23 @@ function useToastTimers(e, t) {
 		a.current && clearInterval(a.current);
 	}, []), {
 		remainingTimes: n,
-		pauseAll: h,
+		pauseAll: p,
 		resumeAll: g,
-		cleanupTimer: uo
+		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: A } = 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), po = useCallback((e) => {
+	let A = useSyncExternalStore(subscribeNoop$1, getClientSnapshot$1, getServerSnapshot$1), R = useCallback((e) => {
 		e.callbacks?.onOpen?.();
-	}, []), mo = 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) => {
-			mo(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);
@@ -22971,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) => (po(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];
@@ -22979,30 +23192,30 @@ function Toaster() {
 		}), i.current = t;
 	}, [
 		e,
-		po,
-		mo
+		R,
+		qo
 	]);
-	let ho = useCallback((e) => {
+	let Jo = useCallback((e) => {
 		r((t) => {
 			let n = t.filter((t) => t.id !== e);
 			return o.current = n, n;
-		}), A(e), toastStore.cleanup(e);
-	}, [A]), go = useCallback((e) => {
+		}), p(e), toastStore.cleanup(e);
+	}, [p]), Yo = useCallback((e) => {
 		a.current.set(e, "manual"), toastStore.remove(e);
 	}, []);
-	if (!R) return null;
-	let _o = groupByPosition(n);
-	return createPortal(/* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(_o).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", {
-				className: "col-span-full row-span-full col-start-1 row-start-1",
+				className: "col-span-full col-start-1 row-span-full row-start-1",
 				style: { zIndex: n.length - t },
 				children: /* @__PURE__ */ jsx(ToastWrapper, {
 					toast: e,
 					remainingTime: c.get(e.id) ?? e.duration,
-					onExitComplete: ho,
-					onClose: go,
+					onExitComplete: Jo,
+					onClose: Yo,
 					onHoverStart: u,
 					onHoverEnd: f
 				})
@@ -23010,13 +23223,13 @@ function Toaster() {
 		}) : null, a = r.map((e) => /* @__PURE__ */ jsx(ToastWrapper, {
 			toast: e,
 			remainingTime: c.get(e.id) ?? e.duration,
-			onExitComplete: ho,
-			onClose: go,
+			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);
@@ -23104,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]",
@@ -23128,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: {
@@ -23171,16 +23384,16 @@ function StatusBadge({ className: e, label: t, status: n, onAction: r, density:
 		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 && h && "absolute inset-0 m-auto", s && h && 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: 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")
@@ -23192,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" })]
 			})
 		]
@@ -23219,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"), h = () => {
 		n(!c);
 	};
-	function O(e) {
+	function g(e) {
 		p(e), a?.(e);
 	}
-	let A = {
+	let Ko = {
 		fire: [{
 			id: "fire",
 			tooltip: "Mark as fire",
@@ -23281,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 })
@@ -23291,7 +23504,7 @@ 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,
@@ -23310,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(A).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",
@@ -23324,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: () => O(e),
+							onClick: () => g(e),
 							icon: n,
 							"aria-pressed": r
 						})
@@ -23343,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: {
@@ -23399,6 +23612,7 @@ var filterButtonStyles = tv({
 }), FILTER_BUTTON_META = {
 	fire: {
 		icon: FireIcon,
+		selectedIcon: FireFillIcon,
 		label: "Fire",
 		iconColor: "text-tertiary-500"
 	},
@@ -23409,6 +23623,7 @@ var filterButtonStyles = tv({
 	},
 	insight: {
 		icon: InsightIcon,
+		selectedIcon: InsightFillIcon,
 		label: "Insights",
 		iconColor: "text-primary-600"
 	},
@@ -23431,7 +23646,7 @@ function FilterButton({ variant: e = "custom", label: t, count: n, selected: r =
 	let c = !!o, l = filterButtonStyles({
 		variant: e,
 		selected: !c && r
-	}), u = e === "custom" ? void 0 : FILTER_BUTTON_META[e], f = i ?? u?.icon, p = t ?? u?.label, lo = c ? "text-neutral-400" : r && u?.iconColor ? u.iconColor : "text-neutral-900 opacity-60 group-hover:opacity-80";
+	}), u = e === "custom" ? void 0 : FILTER_BUTTON_META[e], f = i ?? (u && !c && r && "selectedIcon" in u && u.selectedIcon ? u.selectedIcon : u?.icon), p = t ?? u?.label, h = c ? "text-neutral-400" : r && u?.iconColor ? u.iconColor : "text-neutral-900 opacity-60 group-hover:opacity-80";
 	return /* @__PURE__ */ jsxs(Button, {
 		...s,
 		disabled: o,
@@ -23439,7 +23654,7 @@ function FilterButton({ variant: e = "custom", label: t, count: n, selected: r =
 		className: cn("group", l.root(), c && "border-neutral-300 bg-white hover:border-neutral-300", a?.root),
 		children: [f && /* @__PURE__ */ jsx("span", {
 			className: cn("flex items-center", a?.icon),
-			children: renderIcon$1(f, cn("shrink-0", lo))
+			children: renderIcon$1(f, cn("shrink-0", h))
 		}), p && /* @__PURE__ */ jsxs("span", {
 			className: cn(l.label(), c && "font-medium text-neutral-400", a?.label),
 			children: [/* @__PURE__ */ jsx("span", { children: p }), typeof n == "number" && n > 0 && /* @__PURE__ */ jsxs("span", {
@@ -23457,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") })
 		})]
 	});
@@ -23467,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: ""
 	},
@@ -23487,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"
 			}
 		}
@@ -23565,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"
@@ -23580,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: h, ...g }) {
+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
-	}), A = useRef(null), [R, po] = useState(!1), [mo, ho] = useState(!1), [go, _o] = useState(l), [vo, yo] = useState(null), bo = c ?? go, xo = s && (R || mo || bo), So = typeof n == "number" && n > 0 && (o || a === "active");
-	function Co(e) {
-		c === void 0 && _o(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 (!xo || !A.current) return;
+		if (!$o || !Ko.current) return;
 		function e() {
-			let e = A.current?.getBoundingClientRect();
-			e && yo({
+			let e = Ko.current?.getBoundingClientRect();
+			e && B({
 				top: e.top - 8,
 				left: e.right - 12
 			});
@@ -23601,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);
 		};
-	}, [xo]), /* @__PURE__ */ jsxs(Button, {
+	}, [$o]), /* @__PURE__ */ jsxs(Button, {
 		...g,
-		className: cn(O.root(), h?.root),
-		onMouseEnter: () => po(!0),
-		onMouseLeave: () => po(!1),
+		className: cn(O.root(), p?.root),
+		onMouseEnter: () => R(!0),
+		onMouseLeave: () => R(!1),
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "relative",
 			children: [/* @__PURE__ */ jsx("div", {
-				ref: A,
-				className: cn(O.bubble(), h?.bubble),
+				ref: Ko,
+				className: cn(O.bubble(), p?.bubble),
 				children: renderIcon(e, O.icon())
-			}), xo && vo && typeof document < "u" && ToggleControlPortal({
-				isPressed: bo,
-				isPortalHovered: mo,
-				portalPosition: vo,
-				onMouseEnter: () => ho(!0),
-				onMouseLeave: () => ho(!1),
-				onToggle: () => Co(!bo)
+			}), $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(O.label(), h?.label),
-			children: [/* @__PURE__ */ jsx("span", { children: t }), So && /* @__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(O.count(), h?.count),
+				className: cn(O.count(), p?.count),
 				children: [
 					"(",
 					formatCount(n),
@@ -23636,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,
@@ -23650,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), h = useRef(n), [g, O] = 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(),
@@ -23664,7 +23879,7 @@ 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() !== h.current.startDate?.getTime() || n.endDate?.getTime() !== h.current.endDate?.getTime())) && queueMicrotask(() => {
+		(e === "single" && t && (!u.current || t.getTime() !== u.current.getTime()) || e === "range" && (n.startDate?.getTime() !== f.current.startDate?.getTime() || n.endDate?.getTime() !== f.current.endDate?.getTime())) && queueMicrotask(() => {
 			if (e === "single" && t) O({
 				year: t.getFullYear(),
 				month: t.getMonth()
@@ -23676,14 +23891,14 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 					month: e.getMonth()
 				});
 			}
-		}), u.current = t, h.current = n;
+		}), u.current = t, f.current = n;
 	}, [
 		e,
 		t,
 		n
 	]);
-	let A = useMemo(() => generateCalendarDays(g.year, g.month), [g.year, g.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 !== g.month || s !== g.year) && O({
 			year: s,
@@ -23700,7 +23915,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			}), a());
 		}
 	}
-	function po() {
+	function R() {
 		O((e) => e.month === 0 ? {
 			year: e.year - 1,
 			month: 11
@@ -23709,7 +23924,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			month: e.month - 1
 		});
 	}
-	function mo() {
+	function qo() {
 		O((e) => e.month === 11 ? {
 			year: e.year + 1,
 			month: 0
@@ -23718,24 +23933,24 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			month: e.month + 1
 		});
 	}
-	let ho = 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: po,
+						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(g.month),
 							" ",
@@ -23747,7 +23962,7 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 							direction: "right",
 							size: 20
 						}),
-						onClick: mo,
+						onClick: qo,
 						className: "hover:opacity-60",
 						"aria-label": "Next month"
 					})
@@ -23755,20 +23970,20 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "mb-2 grid grid-cols-7",
-				children: ho.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: A.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), lo = f && isSameDay(i, f), h = u, g = s;
-					e === "range" && u && !f && s && !isDateBefore(s, u) ? (h = u, g = s) : (h = null, g = null);
-					let fo = e === "range" && (isDateInRange(i, u, f) || isDateInRange(i, h, g)), O = l || p || lo;
+				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);
 						},
@@ -23777,9 +23992,9 @@ function CalendarPanel({ mode: e, selectedDate: t, selectedRange: n, onDateSelec
 						},
 						className: "p-0.5",
 						"aria-label": `Select ${formatDate(i)}`,
-						"aria-selected": O || 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", O && "bg-primary-500 font-semibold text-white-variant-1 hover:bg-primary-500", fo && !O && "bg-primary-500/20 font-normal text-neutral-900 hover:bg-primary-500/30", o && !O && !fo && "border border-primary-500 bg-primary-500/15 font-bold hover:bg-primary-500 hover:text-white", !O && !fo && (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}`);
@@ -23795,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,
@@ -23844,11 +24059,11 @@ function DatePicker({ mode: e = "single", value: t, defaultValue: n, onChange: r
 	function h(t) {
 		e === "single" && (u || s(t), r?.(t));
 	}
-	function fo(t) {
+	function g(t) {
 		e === "range" && (u || l(t), r?.(t));
 	}
-	function O() {
-		e === "single" ? h(null) : fo({
+	function Go() {
+		e === "single" ? h(null) : g({
 			startDate: null,
 			endDate: null
 		});
@@ -23858,7 +24073,7 @@ 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: O
+			onClear: Go
 		}),
 		disabled: i,
 		children: /* @__PURE__ */ jsx(CalendarPanel, {
@@ -23866,7 +24081,7 @@ function DatePicker({ mode: e = "single", value: t, defaultValue: n, onChange: r
 			selectedDate: f,
 			selectedRange: p,
 			onDateSelect: h,
-			onRangeSelect: fo
+			onRangeSelect: g
 		})
 	}) });
 }
@@ -23879,17 +24094,20 @@ const EVENT_CARD_HEIGHT_SIZE = {
 		style: "h-[60px]",
 		value: 60
 	}
+}, EVENT_SUMMARY_CARD_HEIGHT_SIZE = {
+	style: "h-[104px]",
+	value: 104
 };
 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" }),
@@ -23898,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" }),
@@ -23918,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" }),
@@ -23967,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",
@@ -24045,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, {
@@ -24059,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, {
@@ -24069,16 +24287,16 @@ 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: lo = {}, actions: h = {}, density: g = "normal", className: O, style: A, isPriority: R, isDone: po }) {
+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" : po ? "done" : "default",
+			tone: A ? "priority" : R ? "done" : "default",
 			state: l ? "selected" : c ? "read" : "unread",
 			density: g
 		}), O),
-		style: A,
+		style: Ko,
 		"data-service": t,
 		children: g === "normal" ? /* @__PURE__ */ jsxs(CardLayout, {
 			className: "gap-x-2 gap-y-1",
@@ -24088,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", {
@@ -24106,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",
-					children: [/* @__PURE__ */ jsx(EventStatusesList, { statusBadges: lo }), /* @__PURE__ */ jsx(EventActionsList, {
-						actions: h,
+					className: "mt-3 gap-1 grid grid-cols-[minmax(0,1fr)_auto] items-center",
+					children: [/* @__PURE__ */ jsx(EventStatusesList, { statusBadges: h }), /* @__PURE__ */ jsx(EventActionsList, {
+						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, {
@@ -24130,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: lo,
+						statusBadges: h,
 						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", {
@@ -24155,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: h }),
+					/* @__PURE__ */ jsx(EventActionsList, { actions: Uo }),
 					/* @__PURE__ */ jsx(InfoTooltip, {
 						content: o,
 						children: /* @__PURE__ */ jsx("span", {
@@ -24174,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, ":"]
@@ -24211,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"
@@ -24237,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 }) {
@@ -24290,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,
@@ -24298,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" })
@@ -24343,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,
@@ -24364,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
@@ -24402,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",
@@ -24437,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, {
@@ -24464,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, {
@@ -24479,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", {
@@ -24507,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
@@ -24517,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,
@@ -24555,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;
@@ -24632,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: lo }, className: h }) {
+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: h,
+		className: Uo,
 		children: [
 			/* @__PURE__ */ jsx(EventDetailContentTicketDetails, {
 				issue: r,
@@ -24650,25 +24859,156 @@ function EventDetailContentTicket({ detail: { summary: e, body: t, priorityText:
 				reporter: u,
 				team: f,
 				location: p,
-				related: lo
+				related: h
 			}),
 			/* @__PURE__ */ jsx("h2", {
 				className: "px-4 text-sm font-bold text-neutral-900",
 				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, {
@@ -24677,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",
@@ -24719,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 }) {
@@ -24740,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" })
@@ -24758,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" }),
@@ -24804,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];
@@ -24820,75 +25159,118 @@ 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("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: "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 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" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "size-5 rounded-full" })
+				]
+			}),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-7/12" }),
+			/* @__PURE__ */ jsxs("div", {
+				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" })]
+			})
+		]
+	});
+}
 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: {
@@ -24944,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", {
@@ -24965,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" }),
@@ -24987,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" })]
 			})
 		})
@@ -24998,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, {
@@ -25014,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",
@@ -25024,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
 			})
 		]
@@ -25039,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
@@ -25062,6 +25444,178 @@ 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 h(e) {
@@ -25072,7 +25626,7 @@ function SearchInput({ value: e, defaultValue: t, placeholder: n = "Search...",
 	}
 	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, {
@@ -25085,7 +25639,7 @@ function SearchInput({ value: e, defaultValue: t, placeholder: n = "Search...",
 				placeholder: n,
 				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",
@@ -25164,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
@@ -25175,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
 			})]
@@ -25199,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
@@ -25215,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
 				})
 			]
@@ -25280,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, EmptyBoxIcon, EventCard, EventCardSkeleton, EventDetail, EventDetailContentCalendar, EventDetailContentEmail, EventDetailContentHeader, EventDetailContentMessage, EventDetailContentTicket, EventDetailHeader, EventDetailPriority, EventDetailSkeleton, EventDetailSummary, EventEmptyState, ExternalLinkIcon, FilterBar, FilterBarSkeleton, FilterButton, FireIcon, GmailIcon, GoogleCalendarIcon, Icon, IconButton, IconCountButton, IconCountButtonSkeleton, InfoTooltip, Input, InsightIcon, IntegrationBar, IntegrationBarSkeleton, IntegrationItem, IntegrationItemSkeleton, IntegrationsCard, JiraIcon, LightIcon, LogoIcon, MinusIcon, MoreIcon, NormalDensityIcon, NotFireIcon, OutlookCalendarIcon, OutlookIcon, Pressable, QtaloImage, ReadIcon, RichContent, SearchIcon, SearchInput, 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