@rpcbase/ui 0.206.0 → 0.208.0

package/dist/index304.js

@@ -1,31 +1,66 @@
-import { cn as e } from "./index12.js";
+import e from "./index10.js";
 import { c as t } from "react/compiler-runtime";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Bell as i } from "lucide-react";
-//#region src/components/Notifications/NotificationsButton.tsx
-function a(a) {
-	let o = t(12), { unseenCount: s, unreadCount: c, onClick: l, className: u } = a, d = Number.isFinite(s) ? s : c, f;
-	o[0] === d ? f = o[1] : (f = Number.isFinite(d) ? Math.max(0, Math.floor(d ?? 0)) : 0, o[0] = d, o[1] = f);
-	let p = f, m;
-	o[2] === u ? m = o[3] : (m = e("relative inline-flex h-9 w-9 items-center justify-center rounded-md border bg-background text-foreground hover:bg-accent", u), o[2] = u, o[3] = m);
-	let h = p > 0 ? `Notifications (${p} new)` : "Notifications", g;
-	o[4] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ n(i, { className: "h-4 w-4" }), o[4] = g) : g = o[4];
-	let _;
-	o[5] === p ? _ = o[6] : (_ = p > 0 ? /* @__PURE__ */ n("span", {
-		className: "absolute -right-1 -top-1 inline-flex min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-semibold leading-4 text-primary-foreground",
-		"aria-hidden": "true",
-		children: p > 99 ? "99+" : String(p)
-	}) : null, o[5] = p, o[6] = _);
-	let v;
-	return o[7] !== l || o[8] !== m || o[9] !== h || o[10] !== _ ? (v = /* @__PURE__ */ r("button", {
-		type: "button",
-		onClick: l,
-		className: m,
-		"aria-label": h,
-		children: [g, _]
-	}), o[7] = l, o[8] = m, o[9] = h, o[10] = _, o[11] = v) : v = o[11], v;
-}
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Link as s } from "react-router";
+//#region src/components/header/MenuPopover/index.tsx
+var c = (c) => {
+	let l = t(18), { href: u, labelClassName: d, labelActiveClassName: f, labelElement: p, isActive: m, children: h } = c, [g, _] = i(!1), v = r(null), y = r(null), b;
+	l[0] === Symbol.for("react.memo_cache_sentinel") ? (b = () => {
+		v.current && clearTimeout(v.current), _(!0);
+	}, l[0] = b) : b = l[0];
+	let x = b, S;
+	l[1] === Symbol.for("react.memo_cache_sentinel") ? (S = () => {
+		v.current = setTimeout(() => {
+			_(!1);
+		}, 120);
+	}, l[1] = S) : S = l[1];
+	let C = S, w, T;
+	l[2] === Symbol.for("react.memo_cache_sentinel") ? (w = () => () => {
+		v.current && clearTimeout(v.current);
+	}, T = [], l[2] = w, l[3] = T) : (w = l[2], T = l[3]), n(w, T);
+	let E;
+	l[4] === Symbol.for("react.memo_cache_sentinel") ? (E = () => {
+		_(!1);
+	}, l[4] = E) : E = l[4];
+	let D = g || m ? f : "border-transparent", O;
+	l[5] !== d || l[6] !== D ? (O = e("relative z-10 -mb-px flex items-center border-b-2 pt-px text-sm font-medium text-gray-700 cursor-pointer transition-colors duration-200 ease-out hover:text-gray-800", d, D), l[5] = d, l[6] = D, l[7] = O) : O = l[7];
+	let k;
+	l[8] !== u || l[9] !== p || l[10] !== O ? (k = /* @__PURE__ */ a("div", {
+		className: "relative flex",
+		children: /* @__PURE__ */ a(s, {
+			to: u,
+			onClick: E,
+			className: O,
+			children: p
+		})
+	}), l[8] = u, l[9] = p, l[10] = O, l[11] = k) : k = l[11];
+	let A;
+	l[12] !== h || l[13] !== g ? (A = g && /* @__PURE__ */ o("div", {
+		className: "absolute left-0 right-0 top-full z-20 text-gray-500 sm:text-sm",
+		style: {
+			width: "100vw",
+			left: "50%",
+			transform: "translateX(-50%)"
+		},
+		children: [/* @__PURE__ */ a("div", {
+			"aria-hidden": "true",
+			className: "absolute inset-0 top-1/2 bg-white shadow-sm"
+		}), /* @__PURE__ */ a("div", {
+			className: "relative bg-white",
+			children: h({ setIsOpen: _ })
+		})]
+	}), l[12] = h, l[13] = g, l[14] = A) : A = l[14];
+	let j;
+	return l[15] !== k || l[16] !== A ? (j = /* @__PURE__ */ o("div", {
+		className: "flex",
+		ref: y,
+		onMouseEnter: x,
+		onMouseLeave: C,
+		children: [k, A]
+	}), l[15] = k, l[16] = A, l[17] = j) : j = l[17], j;
+};
 //#endregion
-export { a as NotificationsButton };
+export { c as MenuPopover };
 
 //# sourceMappingURL=index304.js.map

package/dist/index304.js.map

@@ -1 +1 @@
-{"version":3,"file":"index304.js","names":["Bell","cn","NotificationsButton","t0","$","_c","unseenCount","unreadCount","onClick","className","rawCount","Number","isFinite","t1","Math","max","floor","count","t2","t3","t4","Symbol","for","t5","String","t6"],"sources":["../src/components/Notifications/NotificationsButton.tsx"],"sourcesContent":["import { Bell } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\n\nexport function NotificationsButton({\n  unseenCount,\n  unreadCount,\n  onClick,\n  className,\n}: {\n  unseenCount?: number\n  unreadCount?: number\n  onClick?: () => void\n  className?: string\n}) {\n  const rawCount = Number.isFinite(unseenCount) ? unseenCount : unreadCount\n  const count = Number.isFinite(rawCount) ? Math.max(0, Math.floor(rawCount ?? 0)) : 0\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      className={cn(\n        \"relative inline-flex h-9 w-9 items-center justify-center rounded-md border bg-background text-foreground hover:bg-accent\",\n        className,\n      )}\n      aria-label={count > 0 ? `Notifications (${count} new)` : \"Notifications\"}\n    >\n      <Bell className=\"h-4 w-4\" />\n      {count > 0 ? (\n        <span\n          className=\"absolute -right-1 -top-1 inline-flex min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-semibold leading-4 text-primary-foreground\"\n          aria-hidden=\"true\"\n        >\n          {count > 99 ? \"99+\" : String(count)}\n        </span>\n      ) : null}\n    </button>\n  )\n}\n"],"mappings":";;;;;AAKA,SAAOE,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAA6B,EAAAC,gBAAAC,gBAAAC,YAAAC,iBAAAN,GAWlCO,IAAiBC,OAAMC,SAAUN,EAAwC,GAAxDA,IAAAC,GAAwDM;AAAA,CAAAT,EAAA,OAAAM,IACWG,IAAAT,EAAA,MAAtES,IAAAF,OAAMC,SAAUF,EAAsD,GAA1CI,KAAIC,IAAK,GAAGD,KAAIE,MAAON,KAAA,EAAkB,CAAC,GAAtE,GAAsEN,EAAA,KAAAM,GAAAN,EAAA,KAAAS;CAApF,IAAAI,IAAcJ,GAAsEK;AAAA,CAAAd,EAAA,OAAAK,IAS/ES,IAAAd,EAAA,MAHUc,IAAAjB,EACT,4HACAQ,EACD,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAc;CACW,IAAAC,IAAAF,IAAQ,IAAR,kBAA8BA,EAAK,SAAnC,iBAA4DG;AAAA,CAAAhB,EAAA,OAAAiB,OAAAC,IAAA,4BAAA,IAExEF,IAAA,kBAAC,GAAD,EAAgB,WAAA,WAAY,CAAA,EAAAhB,EAAA,KAAAgB,KAAAA,IAAAhB,EAAA;CAAA,IAAAmB;AAAA,CAAAnB,EAAA,OAAAa,IAQpBM,IAAAnB,EAAA,MAPPmB,IAAAN,IAAQ,IACP,kBAAA,QAAA;EACY,WAAA;EACE,eAAA;YAEXA,IAAQ,KAAR,QAAqBO,OAAOP,EAAK;EAE9B,CAAA,GAPP,MAOOb,EAAA,KAAAa,GAAAb,EAAA,KAAAmB;CAAA,IAAAE;AACD,QADCrB,EAAA,OAAAI,KAAAJ,EAAA,OAAAc,KAAAd,EAAA,OAAAe,KAAAf,EAAA,QAAAmB,KAjBVE,IAAA,kBAAA,UAAA;EACO,MAAA;EACIjB;EACE,WAAAU;EAIC,cAAAC;YAPd,CASEC,GACCG,EAQM;KAAAnB,EAAA,KAAAI,GAAAJ,EAAA,KAAAc,GAAAd,EAAA,KAAAe,GAAAf,EAAA,MAAAmB,GAAAnB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA,KAlBTqB"}
+{"version":3,"file":"index304.js","names":["clsx","ReactNode","useState","useRef","useEffect","Link","MenuPopover","t0","$","_c","href","labelClassName","labelActiveClassName","labelElement","isActive","children","isOpen","setIsOpen","timeoutRef","popoverRef","t1","Symbol","for","current","clearTimeout","handleMouseEnter","t2","setTimeout","handleMouseLeave","t3","t4","t5","t6","t7","t8","t9","width","left","transform","t10"],"sources":["../src/components/header/MenuPopover/index.tsx"],"sourcesContent":["import clsx from \"clsx\"\nimport { ReactNode, useState, useRef, useEffect } from \"react\"\nimport { Link } from \"react-router\"\n\n\nexport const MenuPopover = ({\n  href,\n  labelClassName,\n  labelActiveClassName,\n  labelElement,\n  isActive,\n  children,\n}: {\n  href: string;\n  labelClassName: string;\n  labelActiveClassName: string;\n  labelElement: ReactNode;\n  isActive: boolean;\n  children: (props: { setIsOpen: (isOpen: boolean) => void }) => ReactNode\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const popoverRef = useRef(null)\n\n  const handleMouseEnter = () => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n    }\n    setIsOpen(true)\n  }\n\n  const handleMouseLeave = () => {\n    timeoutRef.current = setTimeout(() => {\n      setIsOpen(false)\n    }, 120)\n  }\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [])\n\n  return (\n    <div\n      className=\"flex\"\n      ref={popoverRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div className=\"relative flex\">\n        <Link\n          to={href}\n          onClick={() => {\n            setIsOpen(false)\n          }}\n          className={clsx(\n            \"relative z-10 -mb-px flex items-center border-b-2 pt-px text-sm font-medium text-gray-700 cursor-pointer transition-colors duration-200 ease-out hover:text-gray-800\",\n            labelClassName,\n            isOpen || isActive ? labelActiveClassName : \"border-transparent\",\n          )}\n        >\n          {labelElement}\n        </Link>\n      </div>\n\n      {isOpen && (\n        <div\n          className=\"absolute left-0 right-0 top-full z-20 text-gray-500 sm:text-sm\"\n          style={{ width: \"100vw\", left: \"50%\", transform: \"translateX(-50%)\" }}\n        >\n          <div\n            aria-hidden=\"true\"\n            className=\"absolute inset-0 top-1/2 bg-white shadow-sm\"\n          />\n\n          <div className=\"relative bg-white\">\n            {children({ setIsOpen })}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAKA,IAAaM,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,SAAAC,mBAAAC,yBAAAC,iBAAAC,aAAAC,gBAAAR,GAe1B,CAAAS,GAAAC,KAA4Bf,EAAS,GAAM,EAC3CgB,IAAmBf,EAA6C,KAAK,EACrEgB,IAAmBhB,EAAO,KAAK,EAAAiB;AAAA,CAAAZ,EAAA,OAAAa,OAAAC,IAAA,4BAAA,IAENF,UAAA;AAIvBH,EAHIC,EAAUK,WACZC,aAAaN,EAAUK,QAAS,EAElCN,EAAU,GAAK;IAChBT,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CALD,IAAAiB,IAAyBL,GAKxBM;AAAA,CAAAlB,EAAA,OAAAa,OAAAC,IAAA,4BAAA,IAEwBI,UAAA;AACvBR,IAAUK,UAAWI,iBAAW;AAC9BV,KAAU,GAAM;KACf,IAFe;IAGnBT,EAAA,KAAAkB,KAAAA,IAAAlB,EAAA;CAJD,IAAAoB,IAAyBF,GAIxBG,GAAAC;AAED1B,CAFCI,EAAA,OAAAa,OAAAC,IAAA,4BAAA,IAESO,gBACD;AACL,EAAIX,EAAUK,WACZC,aAAaN,EAAUK,QAAS;IAGnCO,IAAA,EAAE,EAAAtB,EAAA,KAAAqB,GAAArB,EAAA,KAAAsB,MAAAD,IAAArB,EAAA,IAAAsB,IAAAtB,EAAA,KANLJ,EAAUyB,GAMPC,EAAG;CAAA,IAAAC;AAAA,CAAAvB,EAAA,OAAAa,OAAAC,IAAA,4BAAA,IAYWS,UAAA;AACPd,IAAU,GAAM;IACjBT,EAAA,KAAAuB,KAAAA,IAAAvB,EAAA;CAIC,IAAAwB,IAAAhB,KAAAF,IAAAF,IAAA,sBAAgEqB;AAAA,CAAAzB,EAAA,OAAAG,KAAAH,EAAA,OAAAwB,KAHvDC,IAAAjC,EACT,wKACAW,GACAqB,EACD,EAAAxB,EAAA,KAAAG,GAAAH,EAAA,KAAAwB,GAAAxB,EAAA,KAAAyB,KAAAA,IAAAzB,EAAA;CAAA,IAAA0B;AAAA,CAAA1B,EAAA,OAAAE,KAAAF,EAAA,OAAAK,KAAAL,EAAA,QAAAyB,KAVLC,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GACMxB,IAAAA;GACK,SAAAqB;GAGE,WAAAE;aAMVpB;GAEL,CAAA;EAAM,CAAA,EAAAL,EAAA,KAAAE,GAAAF,EAAA,KAAAK,GAAAL,EAAA,MAAAyB,GAAAzB,EAAA,MAAA0B,KAAAA,IAAA1B,EAAA;CAAA,IAAA2B;AAAA,CAAA3B,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAELmB,IAAAnB,KACC,kBAAA,OAAA;EACY,WAAA;EACH,OAAA;GAAAoB,OAAS;GAAOC,MAAQ;GAAKC,WAAa;GAAmB;YAFtE,CAIE,kBAAA,OAAA;GACc,eAAA;GACF,WAAA;GAGZ,CAAA,EAAA,kBAAA,OAAA;GAAe,WAAA;aACZvB,EAAS,EAAAE,cAAa,CAAA;GAE3B,CAAA,CACD;KAAAT,EAAA,MAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAA2B,KAAAA,IAAA3B,EAAA;CAAA,IAAA+B;AACG,QADH/B,EAAA,QAAA0B,KAAA1B,EAAA,QAAA2B,KApCHI,IAAA,kBAAA,OAAA;EACY,WAAA;EACLpB,KAAAA;EACSM,cAAAA;EACAG,cAAAA;YAJhB,CAMEM,GAgBCC,EAeG;KAAA3B,EAAA,MAAA0B,GAAA1B,EAAA,MAAA2B,GAAA3B,EAAA,MAAA+B,KAAAA,IAAA/B,EAAA,KArCN+B"}

package/dist/index305.js

@@ -1,69 +1,7 @@
-"use client";
-import { useComposedRefs as e } from "./index18.js";
-import { useLayoutEffect2 as t } from "./index204.js";
-import * as n from "react";
-//#region ../../node_modules/@radix-ui/react-presence/dist/index.mjs
-function r(e, t) {
-	return n.useReducer((e, n) => t[e][n] ?? e, e);
-}
-var i = (t) => {
-	let { present: r, children: i } = t, o = a(r), c = typeof i == "function" ? i({ present: o.isPresent }) : n.Children.only(i), l = e(o.ref, s(c));
-	return typeof i == "function" || o.isPresent ? n.cloneElement(c, { ref: l }) : null;
-};
-i.displayName = "Presence";
-function a(e) {
-	let [i, a] = n.useState(), s = n.useRef(null), c = n.useRef(e), l = n.useRef("none"), [u, d] = r(e ? "mounted" : "unmounted", {
-		mounted: {
-			UNMOUNT: "unmounted",
-			ANIMATION_OUT: "unmountSuspended"
-		},
-		unmountSuspended: {
-			MOUNT: "mounted",
-			ANIMATION_END: "unmounted"
-		},
-		unmounted: { MOUNT: "mounted" }
-	});
-	return n.useEffect(() => {
-		let e = o(s.current);
-		l.current = u === "mounted" ? e : "none";
-	}, [u]), t(() => {
-		let t = s.current, n = c.current;
-		if (n !== e) {
-			let r = l.current, i = o(t);
-			e ? d("MOUNT") : i === "none" || t?.display === "none" ? d("UNMOUNT") : d(n && r !== i ? "ANIMATION_OUT" : "UNMOUNT"), c.current = e;
-		}
-	}, [e, d]), t(() => {
-		if (i) {
-			let e, t = i.ownerDocument.defaultView ?? window, n = (n) => {
-				let r = o(s.current).includes(CSS.escape(n.animationName));
-				if (n.target === i && r && (d("ANIMATION_END"), !c.current)) {
-					let n = i.style.animationFillMode;
-					i.style.animationFillMode = "forwards", e = t.setTimeout(() => {
-						i.style.animationFillMode === "forwards" && (i.style.animationFillMode = n);
-					});
-				}
-			}, r = (e) => {
-				e.target === i && (l.current = o(s.current));
-			};
-			return i.addEventListener("animationstart", r), i.addEventListener("animationcancel", n), i.addEventListener("animationend", n), () => {
-				t.clearTimeout(e), i.removeEventListener("animationstart", r), i.removeEventListener("animationcancel", n), i.removeEventListener("animationend", n);
-			};
-		} else d("ANIMATION_END");
-	}, [i, d]), {
-		isPresent: ["mounted", "unmountSuspended"].includes(u),
-		ref: n.useCallback((e) => {
-			s.current = e ? getComputedStyle(e) : null, a(e);
-		}, [])
-	};
-}
-function o(e) {
-	return e?.animationName || "none";
-}
-function s(e) {
-	let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
-	return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
-}
+import { MenuPopover as e } from "./index304.js";
+//#region src/components/header/index.tsx
+var t = { MenuPopover: e };
 //#endregion
-export { i as Presence };
+export { t as Header };
 
 //# sourceMappingURL=index305.js.map

package/dist/index305.js.map

@@ -1 +1 @@
-{"version":3,"file":"index305.js","names":["React"],"sources":["../../../node_modules/@radix-ui/react-presence/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/presence.tsx\nimport * as React2 from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\n\n// src/use-state-machine.tsx\nimport * as React from \"react\";\nfunction useStateMachine(initialState, machine) {\n  return React.useReducer((state, event) => {\n    const nextState = machine[state][event];\n    return nextState ?? state;\n  }, initialState);\n}\n\n// src/presence.tsx\nvar Presence = (props) => {\n  const { present, children } = props;\n  const presence = usePresence(present);\n  const child = typeof children === \"function\" ? children({ present: presence.isPresent }) : React2.Children.only(children);\n  const ref = useComposedRefs(presence.ref, getElementRef(child));\n  const forceMount = typeof children === \"function\";\n  return forceMount || presence.isPresent ? React2.cloneElement(child, { ref }) : null;\n};\nPresence.displayName = \"Presence\";\nfunction usePresence(present) {\n  const [node, setNode] = React2.useState();\n  const stylesRef = React2.useRef(null);\n  const prevPresentRef = React2.useRef(present);\n  const prevAnimationNameRef = React2.useRef(\"none\");\n  const initialState = present ? \"mounted\" : \"unmounted\";\n  const [state, send] = useStateMachine(initialState, {\n    mounted: {\n      UNMOUNT: \"unmounted\",\n      ANIMATION_OUT: \"unmountSuspended\"\n    },\n    unmountSuspended: {\n      MOUNT: \"mounted\",\n      ANIMATION_END: \"unmounted\"\n    },\n    unmounted: {\n      MOUNT: \"mounted\"\n    }\n  });\n  React2.useEffect(() => {\n    const currentAnimationName = getAnimationName(stylesRef.current);\n    prevAnimationNameRef.current = state === \"mounted\" ? currentAnimationName : \"none\";\n  }, [state]);\n  useLayoutEffect(() => {\n    const styles = stylesRef.current;\n    const wasPresent = prevPresentRef.current;\n    const hasPresentChanged = wasPresent !== present;\n    if (hasPresentChanged) {\n      const prevAnimationName = prevAnimationNameRef.current;\n      const currentAnimationName = getAnimationName(styles);\n      if (present) {\n        send(\"MOUNT\");\n      } else if (currentAnimationName === \"none\" || styles?.display === \"none\") {\n        send(\"UNMOUNT\");\n      } else {\n        const isAnimating = prevAnimationName !== currentAnimationName;\n        if (wasPresent && isAnimating) {\n          send(\"ANIMATION_OUT\");\n        } else {\n          send(\"UNMOUNT\");\n        }\n      }\n      prevPresentRef.current = present;\n    }\n  }, [present, send]);\n  useLayoutEffect(() => {\n    if (node) {\n      let timeoutId;\n      const ownerWindow = node.ownerDocument.defaultView ?? window;\n      const handleAnimationEnd = (event) => {\n        const currentAnimationName = getAnimationName(stylesRef.current);\n        const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));\n        if (event.target === node && isCurrentAnimation) {\n          send(\"ANIMATION_END\");\n          if (!prevPresentRef.current) {\n            const currentFillMode = node.style.animationFillMode;\n            node.style.animationFillMode = \"forwards\";\n            timeoutId = ownerWindow.setTimeout(() => {\n              if (node.style.animationFillMode === \"forwards\") {\n                node.style.animationFillMode = currentFillMode;\n              }\n            });\n          }\n        }\n      };\n      const handleAnimationStart = (event) => {\n        if (event.target === node) {\n          prevAnimationNameRef.current = getAnimationName(stylesRef.current);\n        }\n      };\n      node.addEventListener(\"animationstart\", handleAnimationStart);\n      node.addEventListener(\"animationcancel\", handleAnimationEnd);\n      node.addEventListener(\"animationend\", handleAnimationEnd);\n      return () => {\n        ownerWindow.clearTimeout(timeoutId);\n        node.removeEventListener(\"animationstart\", handleAnimationStart);\n        node.removeEventListener(\"animationcancel\", handleAnimationEnd);\n        node.removeEventListener(\"animationend\", handleAnimationEnd);\n      };\n    } else {\n      send(\"ANIMATION_END\");\n    }\n  }, [node, send]);\n  return {\n    isPresent: [\"mounted\", \"unmountSuspended\"].includes(state),\n    ref: React2.useCallback((node2) => {\n      stylesRef.current = node2 ? getComputedStyle(node2) : null;\n      setNode(node2);\n    }, [])\n  };\n}\nfunction getAnimationName(styles) {\n  return styles?.animationName || \"none\";\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nvar Root = Presence;\nexport {\n  Presence,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"index305.js","names":["MenuPopover","Header"],"sources":["../src/components/header/index.tsx"],"sourcesContent":["import { MenuPopover } from \"./MenuPopover\"\n\n\nexport const Header = {\n  MenuPopover\n}\n"],"mappings":";;AAGA,IAAaC,IAAS,EACpBD,gBACD"}

package/dist/index306.js

@@ -1,156 +1,31 @@
-"use client";
-import { composeEventHandlers as e } from "./index17.js";
-import { useComposedRefs as t } from "./index18.js";
-import { Primitive as n } from "./index20.js";
-import { useCallbackRef as r } from "./index21.js";
-import { createContextScope as i } from "./index199.js";
-import { createCollection as a } from "./index200.js";
-import { useDirection as o } from "./index201.js";
-import { useId as s } from "./index205.js";
-import { useControllableState as c } from "./index215.js";
-import * as l from "react";
-import { jsx as u } from "react/jsx-runtime";
-//#region ../../node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-var d = "rovingFocusGroup.onEntryFocus", f = {
-	bubbles: !1,
-	cancelable: !0
-}, p = "RovingFocusGroup", [m, h, g] = a(p), [_, v] = i(p, [g]), [y, b] = _(p), x = l.forwardRef((e, t) => /* @__PURE__ */ u(m.Provider, {
-	scope: e.__scopeRovingFocusGroup,
-	children: /* @__PURE__ */ u(m.Slot, {
-		scope: e.__scopeRovingFocusGroup,
-		children: /* @__PURE__ */ u(S, {
-			...e,
-			ref: t
-		})
-	})
-}));
-x.displayName = p;
-var S = l.forwardRef((i, a) => {
-	let { __scopeRovingFocusGroup: s, orientation: m, loop: g = !1, dir: _, currentTabStopId: v, defaultCurrentTabStopId: b, onCurrentTabStopIdChange: x, onEntryFocus: S, preventScrollOnEntryFocus: C = !1, ...w } = i, T = l.useRef(null), E = t(a, T), D = o(_), [k, A] = c({
-		prop: v,
-		defaultProp: b ?? null,
-		onChange: x,
-		caller: p
-	}), [j, M] = l.useState(!1), N = r(S), P = h(s), F = l.useRef(!1), [I, L] = l.useState(0);
-	return l.useEffect(() => {
-		let e = T.current;
-		if (e) return e.addEventListener(d, N), () => e.removeEventListener(d, N);
-	}, [N]), /* @__PURE__ */ u(y, {
-		scope: s,
-		orientation: m,
-		dir: D,
-		loop: g,
-		currentTabStopId: k,
-		onItemFocus: l.useCallback((e) => A(e), [A]),
-		onItemShiftTab: l.useCallback(() => M(!0), []),
-		onFocusableItemAdd: l.useCallback(() => L((e) => e + 1), []),
-		onFocusableItemRemove: l.useCallback(() => L((e) => e - 1), []),
-		children: /* @__PURE__ */ u(n.div, {
-			tabIndex: j || I === 0 ? -1 : 0,
-			"data-orientation": m,
-			...w,
-			ref: E,
-			style: {
-				outline: "none",
-				...i.style
-			},
-			onMouseDown: e(i.onMouseDown, () => {
-				F.current = !0;
-			}),
-			onFocus: e(i.onFocus, (e) => {
-				let t = !F.current;
-				if (e.target === e.currentTarget && t && !j) {
-					let t = new CustomEvent(d, f);
-					if (e.currentTarget.dispatchEvent(t), !t.defaultPrevented) {
-						let e = P().filter((e) => e.focusable);
-						O([
-							e.find((e) => e.active),
-							e.find((e) => e.id === k),
-							...e
-						].filter(Boolean).map((e) => e.ref.current), C);
-					}
-				}
-				F.current = !1;
-			}),
-			onBlur: e(i.onBlur, () => M(!1))
-		})
-	});
-}), C = "RovingFocusGroupItem", w = l.forwardRef((t, r) => {
-	let { __scopeRovingFocusGroup: i, focusable: a = !0, active: o = !1, tabStopId: c, children: d, ...f } = t, p = s(), g = c || p, _ = b(C, i), v = _.currentTabStopId === g, y = h(i), { onFocusableItemAdd: x, onFocusableItemRemove: S, currentTabStopId: w } = _;
-	return l.useEffect(() => {
-		if (a) return x(), () => S();
-	}, [
-		a,
-		x,
-		S
-	]), /* @__PURE__ */ u(m.ItemSlot, {
-		scope: i,
-		id: g,
-		focusable: a,
-		active: o,
-		children: /* @__PURE__ */ u(n.span, {
-			tabIndex: v ? 0 : -1,
-			"data-orientation": _.orientation,
-			...f,
-			ref: r,
-			onMouseDown: e(t.onMouseDown, (e) => {
-				a ? _.onItemFocus(g) : e.preventDefault();
-			}),
-			onFocus: e(t.onFocus, () => _.onItemFocus(g)),
-			onKeyDown: e(t.onKeyDown, (e) => {
-				if (e.key === "Tab" && e.shiftKey) {
-					_.onItemShiftTab();
-					return;
-				}
-				if (e.target !== e.currentTarget) return;
-				let t = D(e, _.orientation, _.dir);
-				if (t !== void 0) {
-					if (e.metaKey || e.ctrlKey || e.altKey || e.shiftKey) return;
-					e.preventDefault();
-					let n = y().filter((e) => e.focusable).map((e) => e.ref.current);
-					if (t === "last") n.reverse();
-					else if (t === "prev" || t === "next") {
-						t === "prev" && n.reverse();
-						let r = n.indexOf(e.currentTarget);
-						n = _.loop ? k(n, r + 1) : n.slice(r + 1);
-					}
-					setTimeout(() => O(n));
-				}
-			}),
-			children: typeof d == "function" ? d({
-				isCurrentTabStop: v,
-				hasTabStop: w != null
-			}) : d
-		})
-	});
-});
-w.displayName = C;
-var T = {
-	ArrowLeft: "prev",
-	ArrowUp: "prev",
-	ArrowRight: "next",
-	ArrowDown: "next",
-	PageUp: "first",
-	Home: "first",
-	PageDown: "last",
-	End: "last"
-};
-function E(e, t) {
-	return t === "rtl" ? e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e : e;
+import { cn as e } from "./index12.js";
+import { c as t } from "react/compiler-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Bell as i } from "lucide-react";
+//#region src/components/Notifications/NotificationsButton.tsx
+function a(a) {
+	let o = t(12), { unseenCount: s, unreadCount: c, onClick: l, className: u } = a, d = Number.isFinite(s) ? s : c, f;
+	o[0] === d ? f = o[1] : (f = Number.isFinite(d) ? Math.max(0, Math.floor(d ?? 0)) : 0, o[0] = d, o[1] = f);
+	let p = f, m;
+	o[2] === u ? m = o[3] : (m = e("relative inline-flex h-9 w-9 items-center justify-center rounded-md border bg-background text-foreground hover:bg-accent", u), o[2] = u, o[3] = m);
+	let h = p > 0 ? `Notifications (${p} new)` : "Notifications", g;
+	o[4] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ n(i, { className: "h-4 w-4" }), o[4] = g) : g = o[4];
+	let _;
+	o[5] === p ? _ = o[6] : (_ = p > 0 ? /* @__PURE__ */ n("span", {
+		className: "absolute -right-1 -top-1 inline-flex min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-semibold leading-4 text-primary-foreground",
+		"aria-hidden": "true",
+		children: p > 99 ? "99+" : String(p)
+	}) : null, o[5] = p, o[6] = _);
+	let v;
+	return o[7] !== l || o[8] !== m || o[9] !== h || o[10] !== _ ? (v = /* @__PURE__ */ r("button", {
+		type: "button",
+		onClick: l,
+		className: m,
+		"aria-label": h,
+		children: [g, _]
+	}), o[7] = l, o[8] = m, o[9] = h, o[10] = _, o[11] = v) : v = o[11], v;
 }
-function D(e, t, n) {
-	let r = E(e.key, n);
-	if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r))) return T[r];
-}
-function O(e, t = !1) {
-	let n = document.activeElement;
-	for (let r of e) if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
-}
-function k(e, t) {
-	return e.map((n, r) => e[(t + r) % e.length]);
-}
-var A = x, j = w;
 //#endregion
-export { j as Item, A as Root, v as createRovingFocusGroupScope };
+export { a as NotificationsButton };
 
 //# sourceMappingURL=index306.js.map

package/dist/index306.js.map

@@ -1 +1 @@
-{"version":3,"file":"index306.js","names":["React"],"sources":["../../../node_modules/@radix-ui/react-roving-focus/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/roving-focus-group.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createCollection } from \"@radix-ui/react-collection\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { jsx } from \"react/jsx-runtime\";\nvar ENTRY_FOCUS = \"rovingFocusGroup.onEntryFocus\";\nvar EVENT_OPTIONS = { bubbles: false, cancelable: true };\nvar GROUP_NAME = \"RovingFocusGroup\";\nvar [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);\nvar [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(\n  GROUP_NAME,\n  [createCollectionScope]\n);\nvar [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);\nvar RovingFocusGroup = React.forwardRef(\n  (props, forwardedRef) => {\n    return /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });\n  }\n);\nRovingFocusGroup.displayName = GROUP_NAME;\nvar RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {\n  const {\n    __scopeRovingFocusGroup,\n    orientation,\n    loop = false,\n    dir,\n    currentTabStopId: currentTabStopIdProp,\n    defaultCurrentTabStopId,\n    onCurrentTabStopIdChange,\n    onEntryFocus,\n    preventScrollOnEntryFocus = false,\n    ...groupProps\n  } = props;\n  const ref = React.useRef(null);\n  const composedRefs = useComposedRefs(forwardedRef, ref);\n  const direction = useDirection(dir);\n  const [currentTabStopId, setCurrentTabStopId] = useControllableState({\n    prop: currentTabStopIdProp,\n    defaultProp: defaultCurrentTabStopId ?? null,\n    onChange: onCurrentTabStopIdChange,\n    caller: GROUP_NAME\n  });\n  const [isTabbingBackOut, setIsTabbingBackOut] = React.useState(false);\n  const handleEntryFocus = useCallbackRef(onEntryFocus);\n  const getItems = useCollection(__scopeRovingFocusGroup);\n  const isClickFocusRef = React.useRef(false);\n  const [focusableItemsCount, setFocusableItemsCount] = React.useState(0);\n  React.useEffect(() => {\n    const node = ref.current;\n    if (node) {\n      node.addEventListener(ENTRY_FOCUS, handleEntryFocus);\n      return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);\n    }\n  }, [handleEntryFocus]);\n  return /* @__PURE__ */ jsx(\n    RovingFocusProvider,\n    {\n      scope: __scopeRovingFocusGroup,\n      orientation,\n      dir: direction,\n      loop,\n      currentTabStopId,\n      onItemFocus: React.useCallback(\n        (tabStopId) => setCurrentTabStopId(tabStopId),\n        [setCurrentTabStopId]\n      ),\n      onItemShiftTab: React.useCallback(() => setIsTabbingBackOut(true), []),\n      onFocusableItemAdd: React.useCallback(\n        () => setFocusableItemsCount((prevCount) => prevCount + 1),\n        []\n      ),\n      onFocusableItemRemove: React.useCallback(\n        () => setFocusableItemsCount((prevCount) => prevCount - 1),\n        []\n      ),\n      children: /* @__PURE__ */ jsx(\n        Primitive.div,\n        {\n          tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,\n          \"data-orientation\": orientation,\n          ...groupProps,\n          ref: composedRefs,\n          style: { outline: \"none\", ...props.style },\n          onMouseDown: composeEventHandlers(props.onMouseDown, () => {\n            isClickFocusRef.current = true;\n          }),\n          onFocus: composeEventHandlers(props.onFocus, (event) => {\n            const isKeyboardFocus = !isClickFocusRef.current;\n            if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {\n              const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);\n              event.currentTarget.dispatchEvent(entryFocusEvent);\n              if (!entryFocusEvent.defaultPrevented) {\n                const items = getItems().filter((item) => item.focusable);\n                const activeItem = items.find((item) => item.active);\n                const currentItem = items.find((item) => item.id === currentTabStopId);\n                const candidateItems = [activeItem, currentItem, ...items].filter(\n                  Boolean\n                );\n                const candidateNodes = candidateItems.map((item) => item.ref.current);\n                focusFirst(candidateNodes, preventScrollOnEntryFocus);\n              }\n            }\n            isClickFocusRef.current = false;\n          }),\n          onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))\n        }\n      )\n    }\n  );\n});\nvar ITEM_NAME = \"RovingFocusGroupItem\";\nvar RovingFocusGroupItem = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeRovingFocusGroup,\n      focusable = true,\n      active = false,\n      tabStopId,\n      children,\n      ...itemProps\n    } = props;\n    const autoId = useId();\n    const id = tabStopId || autoId;\n    const context = useRovingFocusContext(ITEM_NAME, __scopeRovingFocusGroup);\n    const isCurrentTabStop = context.currentTabStopId === id;\n    const getItems = useCollection(__scopeRovingFocusGroup);\n    const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;\n    React.useEffect(() => {\n      if (focusable) {\n        onFocusableItemAdd();\n        return () => onFocusableItemRemove();\n      }\n    }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);\n    return /* @__PURE__ */ jsx(\n      Collection.ItemSlot,\n      {\n        scope: __scopeRovingFocusGroup,\n        id,\n        focusable,\n        active,\n        children: /* @__PURE__ */ jsx(\n          Primitive.span,\n          {\n            tabIndex: isCurrentTabStop ? 0 : -1,\n            \"data-orientation\": context.orientation,\n            ...itemProps,\n            ref: forwardedRef,\n            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {\n              if (!focusable) event.preventDefault();\n              else context.onItemFocus(id);\n            }),\n            onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),\n            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n              if (event.key === \"Tab\" && event.shiftKey) {\n                context.onItemShiftTab();\n                return;\n              }\n              if (event.target !== event.currentTarget) return;\n              const focusIntent = getFocusIntent(event, context.orientation, context.dir);\n              if (focusIntent !== void 0) {\n                if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;\n                event.preventDefault();\n                const items = getItems().filter((item) => item.focusable);\n                let candidateNodes = items.map((item) => item.ref.current);\n                if (focusIntent === \"last\") candidateNodes.reverse();\n                else if (focusIntent === \"prev\" || focusIntent === \"next\") {\n                  if (focusIntent === \"prev\") candidateNodes.reverse();\n                  const currentIndex = candidateNodes.indexOf(event.currentTarget);\n                  candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);\n                }\n                setTimeout(() => focusFirst(candidateNodes));\n              }\n            }),\n            children: typeof children === \"function\" ? children({ isCurrentTabStop, hasTabStop: currentTabStopId != null }) : children\n          }\n        )\n      }\n    );\n  }\n);\nRovingFocusGroupItem.displayName = ITEM_NAME;\nvar MAP_KEY_TO_FOCUS_INTENT = {\n  ArrowLeft: \"prev\",\n  ArrowUp: \"prev\",\n  ArrowRight: \"next\",\n  ArrowDown: \"next\",\n  PageUp: \"first\",\n  Home: \"first\",\n  PageDown: \"last\",\n  End: \"last\"\n};\nfunction getDirectionAwareKey(key, dir) {\n  if (dir !== \"rtl\") return key;\n  return key === \"ArrowLeft\" ? \"ArrowRight\" : key === \"ArrowRight\" ? \"ArrowLeft\" : key;\n}\nfunction getFocusIntent(event, orientation, dir) {\n  const key = getDirectionAwareKey(event.key, dir);\n  if (orientation === \"vertical\" && [\"ArrowLeft\", \"ArrowRight\"].includes(key)) return void 0;\n  if (orientation === \"horizontal\" && [\"ArrowUp\", \"ArrowDown\"].includes(key)) return void 0;\n  return MAP_KEY_TO_FOCUS_INTENT[key];\n}\nfunction focusFirst(candidates, preventScroll = false) {\n  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;\n  for (const candidate of candidates) {\n    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;\n    candidate.focus({ preventScroll });\n    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;\n  }\n}\nfunction wrapArray(array, startIndex) {\n  return array.map((_, index) => array[(startIndex + index) % array.length]);\n}\nvar Root = RovingFocusGroup;\nvar Item = RovingFocusGroupItem;\nexport {\n  Item,\n  Root,\n  RovingFocusGroup,\n  RovingFocusGroupItem,\n  createRovingFocusGroupScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"index306.js","names":["Bell","cn","NotificationsButton","t0","$","_c","unseenCount","unreadCount","onClick","className","rawCount","Number","isFinite","t1","Math","max","floor","count","t2","t3","t4","Symbol","for","t5","String","t6"],"sources":["../src/components/Notifications/NotificationsButton.tsx"],"sourcesContent":["import { Bell } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\n\nexport function NotificationsButton({\n  unseenCount,\n  unreadCount,\n  onClick,\n  className,\n}: {\n  unseenCount?: number\n  unreadCount?: number\n  onClick?: () => void\n  className?: string\n}) {\n  const rawCount = Number.isFinite(unseenCount) ? unseenCount : unreadCount\n  const count = Number.isFinite(rawCount) ? Math.max(0, Math.floor(rawCount ?? 0)) : 0\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      className={cn(\n        \"relative inline-flex h-9 w-9 items-center justify-center rounded-md border bg-background text-foreground hover:bg-accent\",\n        className,\n      )}\n      aria-label={count > 0 ? `Notifications (${count} new)` : \"Notifications\"}\n    >\n      <Bell className=\"h-4 w-4\" />\n      {count > 0 ? (\n        <span\n          className=\"absolute -right-1 -top-1 inline-flex min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-semibold leading-4 text-primary-foreground\"\n          aria-hidden=\"true\"\n        >\n          {count > 99 ? \"99+\" : String(count)}\n        </span>\n      ) : null}\n    </button>\n  )\n}\n"],"mappings":";;;;;AAKA,SAAOE,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAA6B,EAAAC,gBAAAC,gBAAAC,YAAAC,iBAAAN,GAWlCO,IAAiBC,OAAMC,SAAUN,EAAwC,GAAxDA,IAAAC,GAAwDM;AAAA,CAAAT,EAAA,OAAAM,IACWG,IAAAT,EAAA,MAAtES,IAAAF,OAAMC,SAAUF,EAAsD,GAA1CI,KAAIC,IAAK,GAAGD,KAAIE,MAAON,KAAA,EAAkB,CAAC,GAAtE,GAAsEN,EAAA,KAAAM,GAAAN,EAAA,KAAAS;CAApF,IAAAI,IAAcJ,GAAsEK;AAAA,CAAAd,EAAA,OAAAK,IAS/ES,IAAAd,EAAA,MAHUc,IAAAjB,EACT,4HACAQ,EACD,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAc;CACW,IAAAC,IAAAF,IAAQ,IAAR,kBAA8BA,EAAK,SAAnC,iBAA4DG;AAAA,CAAAhB,EAAA,OAAAiB,OAAAC,IAAA,4BAAA,IAExEF,IAAA,kBAAC,GAAD,EAAgB,WAAA,WAAY,CAAA,EAAAhB,EAAA,KAAAgB,KAAAA,IAAAhB,EAAA;CAAA,IAAAmB;AAAA,CAAAnB,EAAA,OAAAa,IAQpBM,IAAAnB,EAAA,MAPPmB,IAAAN,IAAQ,IACP,kBAAA,QAAA;EACY,WAAA;EACE,eAAA;YAEXA,IAAQ,KAAR,QAAqBO,OAAOP,EAAK;EAE9B,CAAA,GAPP,MAOOb,EAAA,KAAAa,GAAAb,EAAA,KAAAmB;CAAA,IAAAE;AACD,QADCrB,EAAA,OAAAI,KAAAJ,EAAA,OAAAc,KAAAd,EAAA,OAAAe,KAAAf,EAAA,QAAAmB,KAjBVE,IAAA,kBAAA,UAAA;EACO,MAAA;EACIjB;EACE,WAAAU;EAIC,cAAAC;YAPd,CASEC,GACCG,EAQM;KAAAnB,EAAA,KAAAI,GAAAJ,EAAA,KAAAc,GAAAd,EAAA,KAAAe,GAAAf,EAAA,MAAAmB,GAAAnB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA,KAlBTqB"}