@j2-health/design-system 0.5.0 → 0.5.2

package/dist/src/components/legacyNavMenu/UserProfile.cjs

@@ -1,78 +1,78 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const UserProfile_module = require("./UserProfile.module.css.cjs");
-const UserProfile = ({
-  firstName,
-  lastName,
-  avatarUrl,
-  onLogOut,
-  onChangeClient
-}) => {
-  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
-  const popoverRef = React.useRef(null);
-  const buttonRef = React.useRef(null);
-  const displayName = lastName ? `${firstName} ${lastName}` : firstName;
-  const avatarDisplay = avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: avatarUrl, alt: displayName, className: UserProfile_module.default.avatarImage }) : firstName.charAt(0).toUpperCase();
-  const togglePopover = () => {
-    setIsPopoverOpen(!isPopoverOpen);
-  };
-  React.useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (popoverRef.current && !popoverRef.current.contains(event.target) && buttonRef.current && !buttonRef.current.contains(event.target)) {
-        setIsPopoverOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: UserProfile_module.default.userSection, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        ref: buttonRef,
-        className: UserProfile_module.default.userProfile,
-        onClick: togglePopover,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: UserProfile_module.default.userAvatar, children: avatarDisplay }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: UserProfile_module.default.userName, children: displayName })
-        ]
-      }
-    ),
-    isPopoverOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: popoverRef, className: UserProfile_module.default.popover, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: UserProfile_module.default.popoverUserInfo, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: UserProfile_module.default.popoverAvatar, children: avatarDisplay }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: UserProfile_module.default.popoverUserName, children: displayName })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: UserProfile_module.default.popoverActions, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            className: UserProfile_module.default.logOutButton,
-            onClick: () => {
-              onLogOut == null ? void 0 : onLogOut();
-              setIsPopoverOpen(false);
-            },
-            children: "LOG OUT"
-          }
-        ),
-        onChangeClient && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            className: UserProfile_module.default.changeClientButton,
-            onClick: () => {
-              onChangeClient == null ? void 0 : onChangeClient();
-              setIsPopoverOpen(false);
-            },
-            children: "CHANGE CLIENT"
-          }
-        )
-      ] })
-    ] })
-  ] });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_UserProfile_module = require("./UserProfile.module.css.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/legacyNavMenu/UserProfile.tsx
+var UserProfile = ({ firstName, lastName, avatarUrl, onLogOut, onChangeClient }) => {
+	const [isPopoverOpen, setIsPopoverOpen] = (0, react.useState)(false);
+	const popoverRef = (0, react.useRef)(null);
+	const buttonRef = (0, react.useRef)(null);
+	const displayName = lastName ? `${firstName} ${lastName}` : firstName;
+	const avatarDisplay = avatarUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		src: avatarUrl,
+		alt: displayName,
+		className: require_UserProfile_module.default.avatarImage
+	}) : firstName.charAt(0).toUpperCase();
+	const togglePopover = () => {
+		setIsPopoverOpen(!isPopoverOpen);
+	};
+	(0, react.useEffect)(() => {
+		const handleClickOutside = (event) => {
+			if (popoverRef.current && !popoverRef.current.contains(event.target) && buttonRef.current && !buttonRef.current.contains(event.target)) setIsPopoverOpen(false);
+		};
+		document.addEventListener("mousedown", handleClickOutside);
+		return () => {
+			document.removeEventListener("mousedown", handleClickOutside);
+		};
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_UserProfile_module.default.userSection,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			ref: buttonRef,
+			className: require_UserProfile_module.default.userProfile,
+			onClick: togglePopover,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_UserProfile_module.default.userAvatar,
+				children: avatarDisplay
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_UserProfile_module.default.userName,
+				children: displayName
+			})]
+		}), isPopoverOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref: popoverRef,
+			className: require_UserProfile_module.default.popover,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_UserProfile_module.default.popoverUserInfo,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_UserProfile_module.default.popoverAvatar,
+					children: avatarDisplay
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: require_UserProfile_module.default.popoverUserName,
+					children: displayName
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_UserProfile_module.default.popoverActions,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					className: require_UserProfile_module.default.logOutButton,
+					onClick: () => {
+						onLogOut?.();
+						setIsPopoverOpen(false);
+					},
+					children: "LOG OUT"
+				}), onChangeClient && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					className: require_UserProfile_module.default.changeClientButton,
+					onClick: () => {
+						onChangeClient?.();
+						setIsPopoverOpen(false);
+					},
+					children: "CHANGE CLIENT"
+				})]
+			})]
+		})]
+	});
 };
+//#endregion
 exports.UserProfile = UserProfile;
-//# sourceMappingURL=UserProfile.cjs.map
+
+//# sourceMappingURL=UserProfile.cjs.map

package/dist/src/components/legacyNavMenu/UserProfile.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfile.cjs","sources":["../../../../src/components/legacyNavMenu/UserProfile.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport styles from './UserProfile.module.css'\n\nexport interface UserProfileProps {\n  firstName: string\n  lastName?: string\n  avatarUrl?: string\n  onLogOut?: () => void\n  onChangeClient?: () => void\n}\n\nexport const UserProfile: React.FC<UserProfileProps> = ({\n  firstName,\n  lastName,\n  avatarUrl,\n  onLogOut,\n  onChangeClient,\n}) => {\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false)\n  const popoverRef = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n\n  // Create display name and avatar\n  const displayName = lastName ? `${firstName} ${lastName}` : firstName\n  const avatarDisplay = avatarUrl ? (\n    <img src={avatarUrl} alt={displayName} className={styles.avatarImage} />\n  ) : (\n    firstName.charAt(0).toUpperCase()\n  )\n\n  const togglePopover = () => {\n    setIsPopoverOpen(!isPopoverOpen)\n  }\n\n  // Close popover when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(event.target as Node) &&\n        buttonRef.current &&\n        !buttonRef.current.contains(event.target as Node)\n      ) {\n        setIsPopoverOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [])\n\n  return (\n    <div className={styles.userSection}>\n      <button\n        ref={buttonRef}\n        className={styles.userProfile}\n        onClick={togglePopover}\n      >\n        <div className={styles.userAvatar}>{avatarDisplay}</div>\n        <span className={styles.userName}>{displayName}</span>\n      </button>\n\n      {isPopoverOpen && (\n        <div ref={popoverRef} className={styles.popover}>\n          <div className={styles.popoverUserInfo}>\n            <div className={styles.popoverAvatar}>{avatarDisplay}</div>\n            <span className={styles.popoverUserName}>{displayName}</span>\n          </div>\n\n          <div className={styles.popoverActions}>\n            <button\n              className={styles.logOutButton}\n              onClick={() => {\n                onLogOut?.()\n                setIsPopoverOpen(false)\n              }}\n            >\n              LOG OUT\n            </button>\n            {onChangeClient && (\n              <button\n                className={styles.changeClientButton}\n                onClick={() => {\n                  onChangeClient?.()\n                  setIsPopoverOpen(false)\n                }}\n              >\n                CHANGE CLIENT\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["useState","useRef","jsx","styles","useEffect","jsxs"],"mappings":";;;;;AAWO,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,eAAe,gBAAgB,IAAIA,MAAAA,SAAS,KAAK;AACxD,QAAM,aAAaC,MAAAA,OAAuB,IAAI;AAC9C,QAAM,YAAYA,MAAAA,OAA0B,IAAI;AAGhD,QAAM,cAAc,WAAW,GAAG,SAAS,IAAI,QAAQ,KAAK;AAC5D,QAAM,gBAAgB,YACpBC,2BAAAA,IAAC,OAAA,EAAI,KAAK,WAAW,KAAK,aAAa,WAAWC,mBAAAA,QAAO,aAAa,IAEtE,UAAU,OAAO,CAAC,EAAE,YAAA;AAGtB,QAAM,gBAAgB,MAAM;AAC1B,qBAAiB,CAAC,aAAa;AAAA,EACjC;AAGAC,QAAAA,UAAU,MAAM;AACd,UAAM,qBAAqB,CAAC,UAAsB;AAChD,UACE,WAAW,WACX,CAAC,WAAW,QAAQ,SAAS,MAAM,MAAc,KACjD,UAAU,WACV,CAAC,UAAU,QAAQ,SAAS,MAAM,MAAc,GAChD;AACA,yBAAiB,KAAK;AAAA,MACxB;AAAA,IACF;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAWF,mBAAAA,QAAO,aACrB,UAAA;AAAA,IAAAE,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAWF,mBAAAA,QAAO;AAAA,QAClB,SAAS;AAAA,QAET,UAAA;AAAA,UAAAD,2BAAAA,IAAC,OAAA,EAAI,WAAWC,mBAAAA,QAAO,YAAa,UAAA,eAAc;AAAA,UAClDD,2BAAAA,IAAC,QAAA,EAAK,WAAWC,mBAAAA,QAAO,UAAW,UAAA,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhD,iBACCE,2BAAAA,KAAC,OAAA,EAAI,KAAK,YAAY,WAAWF,mBAAAA,QAAO,SACtC,UAAA;AAAA,MAAAE,2BAAAA,KAAC,OAAA,EAAI,WAAWF,mBAAAA,QAAO,iBACrB,UAAA;AAAA,QAAAD,2BAAAA,IAAC,OAAA,EAAI,WAAWC,mBAAAA,QAAO,eAAgB,UAAA,eAAc;AAAA,QACrDD,2BAAAA,IAAC,QAAA,EAAK,WAAWC,mBAAAA,QAAO,iBAAkB,UAAA,YAAA,CAAY;AAAA,MAAA,GACxD;AAAA,MAEAE,2BAAAA,KAAC,OAAA,EAAI,WAAWF,mBAAAA,QAAO,gBACrB,UAAA;AAAA,QAAAD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,mBAAAA,QAAO;AAAA,YAClB,SAAS,MAAM;AACb;AACA,+BAAiB,KAAK;AAAA,YACxB;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGA,kBACCD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,mBAAAA,QAAO;AAAA,YAClB,SAAS,MAAM;AACb;AACA,+BAAiB,KAAK;AAAA,YACxB;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;;"}
+{"version":3,"file":"UserProfile.cjs","names":["useState","useRef","styles"],"sources":["../../../../src/components/legacyNavMenu/UserProfile.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport styles from './UserProfile.module.css'\n\nexport interface UserProfileProps {\n  firstName: string\n  lastName?: string\n  avatarUrl?: string\n  onLogOut?: () => void\n  onChangeClient?: () => void\n}\n\nexport const UserProfile: React.FC<UserProfileProps> = ({\n  firstName,\n  lastName,\n  avatarUrl,\n  onLogOut,\n  onChangeClient,\n}) => {\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false)\n  const popoverRef = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n\n  // Create display name and avatar\n  const displayName = lastName ? `${firstName} ${lastName}` : firstName\n  const avatarDisplay = avatarUrl ? (\n    <img src={avatarUrl} alt={displayName} className={styles.avatarImage} />\n  ) : (\n    firstName.charAt(0).toUpperCase()\n  )\n\n  const togglePopover = () => {\n    setIsPopoverOpen(!isPopoverOpen)\n  }\n\n  // Close popover when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(event.target as Node) &&\n        buttonRef.current &&\n        !buttonRef.current.contains(event.target as Node)\n      ) {\n        setIsPopoverOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [])\n\n  return (\n    <div className={styles.userSection}>\n      <button\n        ref={buttonRef}\n        className={styles.userProfile}\n        onClick={togglePopover}\n      >\n        <div className={styles.userAvatar}>{avatarDisplay}</div>\n        <span className={styles.userName}>{displayName}</span>\n      </button>\n\n      {isPopoverOpen && (\n        <div ref={popoverRef} className={styles.popover}>\n          <div className={styles.popoverUserInfo}>\n            <div className={styles.popoverAvatar}>{avatarDisplay}</div>\n            <span className={styles.popoverUserName}>{displayName}</span>\n          </div>\n\n          <div className={styles.popoverActions}>\n            <button\n              className={styles.logOutButton}\n              onClick={() => {\n                onLogOut?.()\n                setIsPopoverOpen(false)\n              }}\n            >\n              LOG OUT\n            </button>\n            {onChangeClient && (\n              <button\n                className={styles.changeClientButton}\n                onClick={() => {\n                  onChangeClient?.()\n                  setIsPopoverOpen(false)\n                }}\n              >\n                CHANGE CLIENT\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAWA,IAAa,eAA2C,EACtD,WACA,UACA,WACA,UACA,qBACI;CACJ,MAAM,CAAC,eAAe,qBAAA,GAAoBA,MAAAA,SAAAA,CAAS,KAAK;CACxD,MAAM,cAAA,GAAaC,MAAAA,OAAAA,CAAuB,IAAI;CAC9C,MAAM,aAAA,GAAYA,MAAAA,OAAAA,CAA0B,IAAI;CAGhD,MAAM,cAAc,WAAW,GAAG,UAAU,GAAG,aAAa;CAC5D,MAAM,gBAAgB,YACpB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,KAAK;EAAW,KAAK;EAAa,WAAWC,2BAAAA,QAAO;CAAc,CAAA,IAEvE,UAAU,OAAO,CAAC,CAAC,CAAC,YAAY;CAGlC,MAAM,sBAAsB;EAC1B,iBAAiB,CAAC,aAAa;CACjC;CAGA,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,sBAAsB,UAAsB;GAChD,IACE,WAAW,WACX,CAAC,WAAW,QAAQ,SAAS,MAAM,MAAc,KACjD,UAAU,WACV,CAAC,UAAU,QAAQ,SAAS,MAAM,MAAc,GAEhD,iBAAiB,KAAK;EAE1B;EAEA,SAAS,iBAAiB,aAAa,kBAAkB;EACzD,aAAa;GACX,SAAS,oBAAoB,aAAa,kBAAkB;EAC9D;CACF,GAAG,CAAC,CAAC;CAEL,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAWA,2BAAAA,QAAO;EAAvB,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;GACE,KAAK;GACL,WAAWA,2BAAAA,QAAO;GAClB,SAAS;GAHX,UAAA,CAKE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAWA,2BAAAA,QAAO;IAAa,UAAA;GAAmB,CAAA,GACvD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAWA,2BAAAA,QAAO;IAAW,UAAA;GAAkB,CAAA,CAC/C;EAEP,CAAA,GAAA,iBACC,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,KAAK;GAAY,WAAWA,2BAAAA,QAAO;GAAxC,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAWA,2BAAAA,QAAO;IAAvB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAWA,2BAAAA,QAAO;KAAgB,UAAA;IAAmB,CAAA,GAC1D,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAWA,2BAAAA,QAAO;KAAkB,UAAA;IAAkB,CAAA,CACzD;GAEL,CAAA,GAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAWA,2BAAAA,QAAO;IAAvB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;KACE,WAAWA,2BAAAA,QAAO;KAClB,eAAe;MACb,WAAW;MACX,iBAAiB,KAAK;KACxB;KACD,UAAA;IAEO,CAAA,GACP,kBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;KACE,WAAWA,2BAAAA,QAAO;KAClB,eAAe;MACb,iBAAiB;MACjB,iBAAiB,KAAK;KACxB;KACD,UAAA;IAEO,CAAA,CAEP;GACF,CAAA,CAAA;EAEJ,CAAA,CAAA;;AAET"}

package/dist/src/components/legacyNavMenu/UserProfile.js

@@ -1,78 +1,76 @@
+import UserProfile_module_default from "./UserProfile.module.css.js";
+import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
-import styles from "./UserProfile.module.css.js";
-const UserProfile = ({
-  firstName,
-  lastName,
-  avatarUrl,
-  onLogOut,
-  onChangeClient
-}) => {
-  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
-  const popoverRef = useRef(null);
-  const buttonRef = useRef(null);
-  const displayName = lastName ? `${firstName} ${lastName}` : firstName;
-  const avatarDisplay = avatarUrl ? /* @__PURE__ */ jsx("img", { src: avatarUrl, alt: displayName, className: styles.avatarImage }) : firstName.charAt(0).toUpperCase();
-  const togglePopover = () => {
-    setIsPopoverOpen(!isPopoverOpen);
-  };
-  useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (popoverRef.current && !popoverRef.current.contains(event.target) && buttonRef.current && !buttonRef.current.contains(event.target)) {
-        setIsPopoverOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-  return /* @__PURE__ */ jsxs("div", { className: styles.userSection, children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref: buttonRef,
-        className: styles.userProfile,
-        onClick: togglePopover,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: styles.userAvatar, children: avatarDisplay }),
-          /* @__PURE__ */ jsx("span", { className: styles.userName, children: displayName })
-        ]
-      }
-    ),
-    isPopoverOpen && /* @__PURE__ */ jsxs("div", { ref: popoverRef, className: styles.popover, children: [
-      /* @__PURE__ */ jsxs("div", { className: styles.popoverUserInfo, children: [
-        /* @__PURE__ */ jsx("div", { className: styles.popoverAvatar, children: avatarDisplay }),
-        /* @__PURE__ */ jsx("span", { className: styles.popoverUserName, children: displayName })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: styles.popoverActions, children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: styles.logOutButton,
-            onClick: () => {
-              onLogOut == null ? void 0 : onLogOut();
-              setIsPopoverOpen(false);
-            },
-            children: "LOG OUT"
-          }
-        ),
-        onChangeClient && /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: styles.changeClientButton,
-            onClick: () => {
-              onChangeClient == null ? void 0 : onChangeClient();
-              setIsPopoverOpen(false);
-            },
-            children: "CHANGE CLIENT"
-          }
-        )
-      ] })
-    ] })
-  ] });
+//#region src/components/legacyNavMenu/UserProfile.tsx
+var UserProfile = ({ firstName, lastName, avatarUrl, onLogOut, onChangeClient }) => {
+	const [isPopoverOpen, setIsPopoverOpen] = useState(false);
+	const popoverRef = useRef(null);
+	const buttonRef = useRef(null);
+	const displayName = lastName ? `${firstName} ${lastName}` : firstName;
+	const avatarDisplay = avatarUrl ? /* @__PURE__ */ jsx("img", {
+		src: avatarUrl,
+		alt: displayName,
+		className: UserProfile_module_default.avatarImage
+	}) : firstName.charAt(0).toUpperCase();
+	const togglePopover = () => {
+		setIsPopoverOpen(!isPopoverOpen);
+	};
+	useEffect(() => {
+		const handleClickOutside = (event) => {
+			if (popoverRef.current && !popoverRef.current.contains(event.target) && buttonRef.current && !buttonRef.current.contains(event.target)) setIsPopoverOpen(false);
+		};
+		document.addEventListener("mousedown", handleClickOutside);
+		return () => {
+			document.removeEventListener("mousedown", handleClickOutside);
+		};
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: UserProfile_module_default.userSection,
+		children: [/* @__PURE__ */ jsxs("button", {
+			ref: buttonRef,
+			className: UserProfile_module_default.userProfile,
+			onClick: togglePopover,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: UserProfile_module_default.userAvatar,
+				children: avatarDisplay
+			}), /* @__PURE__ */ jsx("span", {
+				className: UserProfile_module_default.userName,
+				children: displayName
+			})]
+		}), isPopoverOpen && /* @__PURE__ */ jsxs("div", {
+			ref: popoverRef,
+			className: UserProfile_module_default.popover,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: UserProfile_module_default.popoverUserInfo,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: UserProfile_module_default.popoverAvatar,
+					children: avatarDisplay
+				}), /* @__PURE__ */ jsx("span", {
+					className: UserProfile_module_default.popoverUserName,
+					children: displayName
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: UserProfile_module_default.popoverActions,
+				children: [/* @__PURE__ */ jsx("button", {
+					className: UserProfile_module_default.logOutButton,
+					onClick: () => {
+						onLogOut?.();
+						setIsPopoverOpen(false);
+					},
+					children: "LOG OUT"
+				}), onChangeClient && /* @__PURE__ */ jsx("button", {
+					className: UserProfile_module_default.changeClientButton,
+					onClick: () => {
+						onChangeClient?.();
+						setIsPopoverOpen(false);
+					},
+					children: "CHANGE CLIENT"
+				})]
+			})]
+		})]
+	});
 };
-export {
-  UserProfile
-};
-//# sourceMappingURL=UserProfile.js.map
+//#endregion
+export { UserProfile };
+
+//# sourceMappingURL=UserProfile.js.map

package/dist/src/components/legacyNavMenu/UserProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfile.js","sources":["../../../../src/components/legacyNavMenu/UserProfile.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport styles from './UserProfile.module.css'\n\nexport interface UserProfileProps {\n  firstName: string\n  lastName?: string\n  avatarUrl?: string\n  onLogOut?: () => void\n  onChangeClient?: () => void\n}\n\nexport const UserProfile: React.FC<UserProfileProps> = ({\n  firstName,\n  lastName,\n  avatarUrl,\n  onLogOut,\n  onChangeClient,\n}) => {\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false)\n  const popoverRef = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n\n  // Create display name and avatar\n  const displayName = lastName ? `${firstName} ${lastName}` : firstName\n  const avatarDisplay = avatarUrl ? (\n    <img src={avatarUrl} alt={displayName} className={styles.avatarImage} />\n  ) : (\n    firstName.charAt(0).toUpperCase()\n  )\n\n  const togglePopover = () => {\n    setIsPopoverOpen(!isPopoverOpen)\n  }\n\n  // Close popover when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(event.target as Node) &&\n        buttonRef.current &&\n        !buttonRef.current.contains(event.target as Node)\n      ) {\n        setIsPopoverOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [])\n\n  return (\n    <div className={styles.userSection}>\n      <button\n        ref={buttonRef}\n        className={styles.userProfile}\n        onClick={togglePopover}\n      >\n        <div className={styles.userAvatar}>{avatarDisplay}</div>\n        <span className={styles.userName}>{displayName}</span>\n      </button>\n\n      {isPopoverOpen && (\n        <div ref={popoverRef} className={styles.popover}>\n          <div className={styles.popoverUserInfo}>\n            <div className={styles.popoverAvatar}>{avatarDisplay}</div>\n            <span className={styles.popoverUserName}>{displayName}</span>\n          </div>\n\n          <div className={styles.popoverActions}>\n            <button\n              className={styles.logOutButton}\n              onClick={() => {\n                onLogOut?.()\n                setIsPopoverOpen(false)\n              }}\n            >\n              LOG OUT\n            </button>\n            {onChangeClient && (\n              <button\n                className={styles.changeClientButton}\n                onClick={() => {\n                  onChangeClient?.()\n                  setIsPopoverOpen(false)\n                }}\n              >\n                CHANGE CLIENT\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAWO,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,YAAY,OAA0B,IAAI;AAGhD,QAAM,cAAc,WAAW,GAAG,SAAS,IAAI,QAAQ,KAAK;AAC5D,QAAM,gBAAgB,YACpB,oBAAC,OAAA,EAAI,KAAK,WAAW,KAAK,aAAa,WAAW,OAAO,aAAa,IAEtE,UAAU,OAAO,CAAC,EAAE,YAAA;AAGtB,QAAM,gBAAgB,MAAM;AAC1B,qBAAiB,CAAC,aAAa;AAAA,EACjC;AAGA,YAAU,MAAM;AACd,UAAM,qBAAqB,CAAC,UAAsB;AAChD,UACE,WAAW,WACX,CAAC,WAAW,QAAQ,SAAS,MAAM,MAAc,KACjD,UAAU,WACV,CAAC,UAAU,QAAQ,SAAS,MAAM,MAAc,GAChD;AACA,yBAAiB,KAAK;AAAA,MACxB;AAAA,IACF;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SACE,qBAAC,OAAA,EAAI,WAAW,OAAO,aACrB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAClB,SAAS;AAAA,QAET,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,YAAa,UAAA,eAAc;AAAA,UAClD,oBAAC,QAAA,EAAK,WAAW,OAAO,UAAW,UAAA,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhD,iBACC,qBAAC,OAAA,EAAI,KAAK,YAAY,WAAW,OAAO,SACtC,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,iBACrB,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,eAAgB,UAAA,eAAc;AAAA,QACrD,oBAAC,QAAA,EAAK,WAAW,OAAO,iBAAkB,UAAA,YAAA,CAAY;AAAA,MAAA,GACxD;AAAA,MAEA,qBAAC,OAAA,EAAI,WAAW,OAAO,gBACrB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,OAAO;AAAA,YAClB,SAAS,MAAM;AACb;AACA,+BAAiB,KAAK;AAAA,YACxB;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGA,kBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,OAAO;AAAA,YAClB,SAAS,MAAM;AACb;AACA,+BAAiB,KAAK;AAAA,YACxB;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"UserProfile.js","names":["styles"],"sources":["../../../../src/components/legacyNavMenu/UserProfile.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport styles from './UserProfile.module.css'\n\nexport interface UserProfileProps {\n  firstName: string\n  lastName?: string\n  avatarUrl?: string\n  onLogOut?: () => void\n  onChangeClient?: () => void\n}\n\nexport const UserProfile: React.FC<UserProfileProps> = ({\n  firstName,\n  lastName,\n  avatarUrl,\n  onLogOut,\n  onChangeClient,\n}) => {\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false)\n  const popoverRef = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n\n  // Create display name and avatar\n  const displayName = lastName ? `${firstName} ${lastName}` : firstName\n  const avatarDisplay = avatarUrl ? (\n    <img src={avatarUrl} alt={displayName} className={styles.avatarImage} />\n  ) : (\n    firstName.charAt(0).toUpperCase()\n  )\n\n  const togglePopover = () => {\n    setIsPopoverOpen(!isPopoverOpen)\n  }\n\n  // Close popover when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(event.target as Node) &&\n        buttonRef.current &&\n        !buttonRef.current.contains(event.target as Node)\n      ) {\n        setIsPopoverOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [])\n\n  return (\n    <div className={styles.userSection}>\n      <button\n        ref={buttonRef}\n        className={styles.userProfile}\n        onClick={togglePopover}\n      >\n        <div className={styles.userAvatar}>{avatarDisplay}</div>\n        <span className={styles.userName}>{displayName}</span>\n      </button>\n\n      {isPopoverOpen && (\n        <div ref={popoverRef} className={styles.popover}>\n          <div className={styles.popoverUserInfo}>\n            <div className={styles.popoverAvatar}>{avatarDisplay}</div>\n            <span className={styles.popoverUserName}>{displayName}</span>\n          </div>\n\n          <div className={styles.popoverActions}>\n            <button\n              className={styles.logOutButton}\n              onClick={() => {\n                onLogOut?.()\n                setIsPopoverOpen(false)\n              }}\n            >\n              LOG OUT\n            </button>\n            {onChangeClient && (\n              <button\n                className={styles.changeClientButton}\n                onClick={() => {\n                  onChangeClient?.()\n                  setIsPopoverOpen(false)\n                }}\n              >\n                CHANGE CLIENT\n              </button>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;AAWA,IAAa,eAA2C,EACtD,WACA,UACA,WACA,UACA,qBACI;CACJ,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CACxD,MAAM,aAAa,OAAuB,IAAI;CAC9C,MAAM,YAAY,OAA0B,IAAI;CAGhD,MAAM,cAAc,WAAW,GAAG,UAAU,GAAG,aAAa;CAC5D,MAAM,gBAAgB,YACpB,oBAAC,OAAD;EAAK,KAAK;EAAW,KAAK;EAAa,WAAWA,2BAAO;CAAc,CAAA,IAEvE,UAAU,OAAO,CAAC,CAAC,CAAC,YAAY;CAGlC,MAAM,sBAAsB;EAC1B,iBAAiB,CAAC,aAAa;CACjC;CAGA,gBAAgB;EACd,MAAM,sBAAsB,UAAsB;GAChD,IACE,WAAW,WACX,CAAC,WAAW,QAAQ,SAAS,MAAM,MAAc,KACjD,UAAU,WACV,CAAC,UAAU,QAAQ,SAAS,MAAM,MAAc,GAEhD,iBAAiB,KAAK;EAE1B;EAEA,SAAS,iBAAiB,aAAa,kBAAkB;EACzD,aAAa;GACX,SAAS,oBAAoB,aAAa,kBAAkB;EAC9D;CACF,GAAG,CAAC,CAAC;CAEL,OACE,qBAAC,OAAD;EAAK,WAAWA,2BAAO;EAAvB,UAAA,CACE,qBAAC,UAAD;GACE,KAAK;GACL,WAAWA,2BAAO;GAClB,SAAS;GAHX,UAAA,CAKE,oBAAC,OAAD;IAAK,WAAWA,2BAAO;IAAa,UAAA;GAAmB,CAAA,GACvD,oBAAC,QAAD;IAAM,WAAWA,2BAAO;IAAW,UAAA;GAAkB,CAAA,CAC/C;EAEP,CAAA,GAAA,iBACC,qBAAC,OAAD;GAAK,KAAK;GAAY,WAAWA,2BAAO;GAAxC,UAAA,CACE,qBAAC,OAAD;IAAK,WAAWA,2BAAO;IAAvB,UAAA,CACE,oBAAC,OAAD;KAAK,WAAWA,2BAAO;KAAgB,UAAA;IAAmB,CAAA,GAC1D,oBAAC,QAAD;KAAM,WAAWA,2BAAO;KAAkB,UAAA;IAAkB,CAAA,CACzD;GAEL,CAAA,GAAA,qBAAC,OAAD;IAAK,WAAWA,2BAAO;IAAvB,UAAA,CACE,oBAAC,UAAD;KACE,WAAWA,2BAAO;KAClB,eAAe;MACb,WAAW;MACX,iBAAiB,KAAK;KACxB;KACD,UAAA;IAEO,CAAA,GACP,kBACC,oBAAC,UAAD;KACE,WAAWA,2BAAO;KAClB,eAAe;MACb,iBAAiB;MACjB,iBAAiB,KAAK;KACxB;KACD,UAAA;IAEO,CAAA,CAEP;GACF,CAAA,CAAA;EAEJ,CAAA,CAAA;;AAET"}

package/dist/src/components/legacyNavMenu/UserProfile.module.css.cjs

@@ -1,42 +1,46 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const userSection = "_userSection_r06sp_2";
-const userProfile = "_userProfile_r06sp_7";
-const userAvatar = "_userAvatar_r06sp_24";
-const avatarImage = "_avatarImage_r06sp_38";
-const userName = "_userName_r06sp_44";
-const popover = "_popover_r06sp_55";
-const popoverUserInfo = "_popoverUserInfo_r06sp_78";
-const popoverAvatar = "_popoverAvatar_r06sp_86";
-const popoverUserName = "_popoverUserName_r06sp_105";
-const popoverActions = "_popoverActions_r06sp_113";
-const logOutButton = "_logOutButton_r06sp_138";
-const changeClientButton = "_changeClientButton_r06sp_143";
-const styles = {
-  userSection,
-  userProfile,
-  userAvatar,
-  avatarImage,
-  userName,
-  popover,
-  popoverUserInfo,
-  popoverAvatar,
-  popoverUserName,
-  popoverActions,
-  logOutButton,
-  changeClientButton
+//#region src/components/legacyNavMenu/UserProfile.module.css
+var userSection = "_userSection_r06sp_2";
+var userProfile = "_userProfile_r06sp_7";
+var userAvatar = "_userAvatar_r06sp_24";
+var avatarImage = "_avatarImage_r06sp_38";
+var userName = "_userName_r06sp_44";
+var popover = "_popover_r06sp_55";
+var popoverHeader = "_popoverHeader_r06sp_67";
+var popoverUserInfo = "_popoverUserInfo_r06sp_78";
+var popoverAvatar = "_popoverAvatar_r06sp_86";
+var popoverUserName = "_popoverUserName_r06sp_105";
+var popoverActions = "_popoverActions_r06sp_113";
+var logOutButton = "_logOutButton_r06sp_138";
+var changeClientButton = "_changeClientButton_r06sp_143";
+var UserProfile_module_default = {
+	userSection,
+	userProfile,
+	userAvatar,
+	avatarImage,
+	userName,
+	popover,
+	popoverHeader,
+	popoverUserInfo,
+	popoverAvatar,
+	popoverUserName,
+	popoverActions,
+	logOutButton,
+	changeClientButton
 };
+//#endregion
 exports.avatarImage = avatarImage;
 exports.changeClientButton = changeClientButton;
-exports.default = styles;
+exports.default = UserProfile_module_default;
 exports.logOutButton = logOutButton;
 exports.popover = popover;
 exports.popoverActions = popoverActions;
 exports.popoverAvatar = popoverAvatar;
+exports.popoverHeader = popoverHeader;
 exports.popoverUserInfo = popoverUserInfo;
 exports.popoverUserName = popoverUserName;
 exports.userAvatar = userAvatar;
 exports.userName = userName;
 exports.userProfile = userProfile;
 exports.userSection = userSection;
-//# sourceMappingURL=UserProfile.module.css.cjs.map
+
+//# sourceMappingURL=UserProfile.module.css.cjs.map

package/dist/src/components/legacyNavMenu/UserProfile.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfile.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UserProfile.module.css.cjs","names":[],"sources":["../../../../src/components/legacyNavMenu/UserProfile.module.css"],"sourcesContent":["/* User section */\n.userSection {\n  padding: 12px 0;\n  border-top: none;\n}\n\n.userProfile {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  width: 100%;\n  text-align: left;\n  transition: background-color 0.2s ease;\n}\n\n.userProfile:hover {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.userAvatar {\n  width: 32px;\n  height: 32px;\n  background-color: #ab47bc;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  font-family: 'Rubik', sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n}\n\n.avatarImage {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.userName {\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.87);\n  letter-spacing: 0.15px;\n  line-height: 1.5;\n  width: 96px;\n}\n\n/* Popover styles */\n.popover {\n  position: absolute;\n  left: 186px; /* Position to the right of the nav */\n  bottom: 0;\n  width: 280px;\n  background: white;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n  overflow: hidden;\n}\n\n.popoverHeader {\n  padding: 16px 20px 12px;\n  font-family: 'Roboto', sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.6);\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.popoverUserInfo {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.popoverAvatar {\n  width: 40px;\n  height: 40px;\n  background-color: #ab47bc;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  font-family: 'Rubik', sans-serif;\n  font-size: 18px;\n  font-weight: 400;\n}\n\n.popoverAvatar .avatarImage {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.popoverUserName {\n  font-family: 'Roboto', sans-serif;\n  font-size: 18px;\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.87);\n  letter-spacing: 0.15px;\n}\n\n.popoverActions {\n  padding: 8px 16px;\n  display: flex;\n}\n\n/* Base button styles for all popover buttons */\n.popoverActions button {\n  flex: 1;\n  padding: 5px 15px;\n  color: #2196f3;\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.5px;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  white-space: nowrap;\n}\n\n.popoverActions button:hover {\n  background-color: rgba(25, 118, 210, 0.04);\n}\n\n/* Specific button variants */\n.logOutButton {\n  border: 1px solid #2196f3;\n  background: transparent;\n}\n\n.changeClientButton {\n  border: none;\n}\n"],"mappings":""}

package/dist/src/components/legacyNavMenu/UserProfile.module.css.js

@@ -1,42 +1,33 @@
-const userSection = "_userSection_r06sp_2";
-const userProfile = "_userProfile_r06sp_7";
-const userAvatar = "_userAvatar_r06sp_24";
-const avatarImage = "_avatarImage_r06sp_38";
-const userName = "_userName_r06sp_44";
-const popover = "_popover_r06sp_55";
-const popoverUserInfo = "_popoverUserInfo_r06sp_78";
-const popoverAvatar = "_popoverAvatar_r06sp_86";
-const popoverUserName = "_popoverUserName_r06sp_105";
-const popoverActions = "_popoverActions_r06sp_113";
-const logOutButton = "_logOutButton_r06sp_138";
-const changeClientButton = "_changeClientButton_r06sp_143";
-const styles = {
-  userSection,
-  userProfile,
-  userAvatar,
-  avatarImage,
-  userName,
-  popover,
-  popoverUserInfo,
-  popoverAvatar,
-  popoverUserName,
-  popoverActions,
-  logOutButton,
-  changeClientButton
+//#region src/components/legacyNavMenu/UserProfile.module.css
+var userSection = "_userSection_r06sp_2";
+var userProfile = "_userProfile_r06sp_7";
+var userAvatar = "_userAvatar_r06sp_24";
+var avatarImage = "_avatarImage_r06sp_38";
+var userName = "_userName_r06sp_44";
+var popover = "_popover_r06sp_55";
+var popoverHeader = "_popoverHeader_r06sp_67";
+var popoverUserInfo = "_popoverUserInfo_r06sp_78";
+var popoverAvatar = "_popoverAvatar_r06sp_86";
+var popoverUserName = "_popoverUserName_r06sp_105";
+var popoverActions = "_popoverActions_r06sp_113";
+var logOutButton = "_logOutButton_r06sp_138";
+var changeClientButton = "_changeClientButton_r06sp_143";
+var UserProfile_module_default = {
+	userSection,
+	userProfile,
+	userAvatar,
+	avatarImage,
+	userName,
+	popover,
+	popoverHeader,
+	popoverUserInfo,
+	popoverAvatar,
+	popoverUserName,
+	popoverActions,
+	logOutButton,
+	changeClientButton
 };
-export {
-  avatarImage,
-  changeClientButton,
-  styles as default,
-  logOutButton,
-  popover,
-  popoverActions,
-  popoverAvatar,
-  popoverUserInfo,
-  popoverUserName,
-  userAvatar,
-  userName,
-  userProfile,
-  userSection
-};
-//# sourceMappingURL=UserProfile.module.css.js.map
+//#endregion
+export { avatarImage, changeClientButton, UserProfile_module_default as default, logOutButton, popover, popoverActions, popoverAvatar, popoverHeader, popoverUserInfo, popoverUserName, userAvatar, userName, userProfile, userSection };
+
+//# sourceMappingURL=UserProfile.module.css.js.map

package/dist/src/components/legacyNavMenu/UserProfile.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfile.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UserProfile.module.css.js","names":[],"sources":["../../../../src/components/legacyNavMenu/UserProfile.module.css"],"sourcesContent":["/* User section */\n.userSection {\n  padding: 12px 0;\n  border-top: none;\n}\n\n.userProfile {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  width: 100%;\n  text-align: left;\n  transition: background-color 0.2s ease;\n}\n\n.userProfile:hover {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.userAvatar {\n  width: 32px;\n  height: 32px;\n  background-color: #ab47bc;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  font-family: 'Rubik', sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n}\n\n.avatarImage {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.userName {\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.87);\n  letter-spacing: 0.15px;\n  line-height: 1.5;\n  width: 96px;\n}\n\n/* Popover styles */\n.popover {\n  position: absolute;\n  left: 186px; /* Position to the right of the nav */\n  bottom: 0;\n  width: 280px;\n  background: white;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n  overflow: hidden;\n}\n\n.popoverHeader {\n  padding: 16px 20px 12px;\n  font-family: 'Roboto', sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.6);\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.popoverUserInfo {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.popoverAvatar {\n  width: 40px;\n  height: 40px;\n  background-color: #ab47bc;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  font-family: 'Rubik', sans-serif;\n  font-size: 18px;\n  font-weight: 400;\n}\n\n.popoverAvatar .avatarImage {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.popoverUserName {\n  font-family: 'Roboto', sans-serif;\n  font-size: 18px;\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.87);\n  letter-spacing: 0.15px;\n}\n\n.popoverActions {\n  padding: 8px 16px;\n  display: flex;\n}\n\n/* Base button styles for all popover buttons */\n.popoverActions button {\n  flex: 1;\n  padding: 5px 15px;\n  color: #2196f3;\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.5px;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  white-space: nowrap;\n}\n\n.popoverActions button:hover {\n  background-color: rgba(25, 118, 210, 0.04);\n}\n\n/* Specific button variants */\n.logOutButton {\n  border: 1px solid #2196f3;\n  background: transparent;\n}\n\n.changeClientButton {\n  border: none;\n}\n"],"mappings":""}