@j2-health/design-system 0.5.0 → 0.5.2

package/dist/src/components/inputnumber/InputNumber.module.css.cjs

@@ -1,9 +1,8 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const j2InputNumber = "_j2InputNumber_1t2hv_1";
-const styles = {
-  j2InputNumber
-};
-exports.default = styles;
+//#region src/components/inputnumber/InputNumber.module.css
+var j2InputNumber = "_j2InputNumber_1t2hv_1";
+var InputNumber_module_default = { j2InputNumber };
+//#endregion
+exports.default = InputNumber_module_default;
 exports.j2InputNumber = j2InputNumber;
-//# sourceMappingURL=InputNumber.module.css.cjs.map
+
+//# sourceMappingURL=InputNumber.module.css.cjs.map

package/dist/src/components/inputnumber/InputNumber.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"InputNumber.module.css.cjs","names":[],"sources":["../../../../src/components/inputnumber/InputNumber.module.css"],"sourcesContent":[".j2InputNumber:global(.ant-input-number) {\n  &:hover {\n    :global(.ant-input-number-actions) {\n      max-width: 100%;\n      width: auto;\n    }\n  }\n\n  :global(.ant-input-number-actions) {\n    max-width: 0;\n    transition: max-width 0.2s;\n\n    :global(.ant-input-number-action) {\n      height: 50%;\n      padding: 0 12px;\n      color: var(--j2-color-primary);\n    }\n\n    :global(.ant-input-number-action-up) {\n      align-items: flex-end;\n    }\n\n    :global(.ant-input-number-action-down) {\n      border-block-start: none;\n      align-items: flex-start;\n    }\n  }\n}\n"],"mappings":""}

package/dist/src/components/inputnumber/InputNumber.module.css.js

@@ -1,9 +1,7 @@
-const j2InputNumber = "_j2InputNumber_1t2hv_1";
-const styles = {
-  j2InputNumber
-};
-export {
-  styles as default,
-  j2InputNumber
-};
-//# sourceMappingURL=InputNumber.module.css.js.map
+//#region src/components/inputnumber/InputNumber.module.css
+var j2InputNumber = "_j2InputNumber_1t2hv_1";
+var InputNumber_module_default = { j2InputNumber };
+//#endregion
+export { InputNumber_module_default as default, j2InputNumber };
+
+//# sourceMappingURL=InputNumber.module.css.js.map

package/dist/src/components/inputnumber/InputNumber.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"InputNumber.module.css.js","names":[],"sources":["../../../../src/components/inputnumber/InputNumber.module.css"],"sourcesContent":[".j2InputNumber:global(.ant-input-number) {\n  &:hover {\n    :global(.ant-input-number-actions) {\n      max-width: 100%;\n      width: auto;\n    }\n  }\n\n  :global(.ant-input-number-actions) {\n    max-width: 0;\n    transition: max-width 0.2s;\n\n    :global(.ant-input-number-action) {\n      height: 50%;\n      padding: 0 12px;\n      color: var(--j2-color-primary);\n    }\n\n    :global(.ant-input-number-action-up) {\n      align-items: flex-end;\n    }\n\n    :global(.ant-input-number-action-down) {\n      border-block-start: none;\n      align-items: flex-start;\n    }\n  }\n}\n"],"mappings":""}

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

@@ -1,52 +1,74 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const LegacyNavMenu_module = require("./LegacyNavMenu.module.css.cjs");
-const j2LogoMenuCollapse = require("../../svgs/j2-logo-menu-collapse.svg.cjs");
-const UserProfile = require("./UserProfile.cjs");
-const LegacyNavMenu = ({
-  sections,
-  user,
-  onItemClick,
-  logoUrl = "/",
-  onLogOut,
-  onChangeClient,
-  headerSlot,
-  footerSlot
-}) => {
-  const handleItemClick = (itemId) => {
-    onItemClick == null ? void 0 : onItemClick(itemId);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LegacyNavMenu_module.default.navContainer, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: LegacyNavMenu_module.default.logoSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: LegacyNavMenu_module.default.logoContainer, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: logoUrl, className: LegacyNavMenu_module.default.logoLink, children: /* @__PURE__ */ jsxRuntime.jsx(j2LogoMenuCollapse, { className: LegacyNavMenu_module.default.logo }) }) }) }),
-    headerSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4", children: headerSlot }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: LegacyNavMenu_module.default.navContent, children: sections.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LegacyNavMenu_module.default.navSection, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: LegacyNavMenu_module.default.sectionHeader, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: LegacyNavMenu_module.default.sectionTitle, children: section.title }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: LegacyNavMenu_module.default.sectionItems, children: section.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          className: `${LegacyNavMenu_module.default.navItem} ${item.isActive ? LegacyNavMenu_module.default.active : ""}`,
-          onClick: () => handleItemClick(item.id),
-          children: [
-            item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: LegacyNavMenu_module.default.navItemIcon, children: item.icon }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: LegacyNavMenu_module.default.navItemLabel, children: item.label })
-          ]
-        },
-        item.id
-      )) })
-    ] }, section.title)) }),
-    footerSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4", children: footerSlot }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      UserProfile.UserProfile,
-      {
-        firstName: user.firstName,
-        lastName: user.lastName,
-        avatarUrl: user.avatarUrl,
-        onLogOut,
-        onChangeClient
-      }
-    )
-  ] });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_j2_logo_menu_collapse = require("../../svgs/j2-logo-menu-collapse.svg.cjs");
+const require_LegacyNavMenu_module = require("./LegacyNavMenu.module.css.cjs");
+const require_UserProfile = require("./UserProfile.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/legacyNavMenu/LegacyNavMenu.tsx
+var LegacyNavMenu = ({ sections, user, onItemClick, logoUrl = "/", onLogOut, onChangeClient, headerSlot, footerSlot }) => {
+	const handleItemClick = (itemId) => {
+		onItemClick?.(itemId);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_LegacyNavMenu_module.default.navContainer,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_LegacyNavMenu_module.default.logoSection,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_LegacyNavMenu_module.default.logoContainer,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+						href: logoUrl,
+						className: require_LegacyNavMenu_module.default.logoLink,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_j2_logo_menu_collapse.default, { className: require_LegacyNavMenu_module.default.logo })
+					})
+				})
+			}),
+			headerSlot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "px-4",
+				children: headerSlot
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_LegacyNavMenu_module.default.navContent,
+				children: sections.map((section) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: require_LegacyNavMenu_module.default.navSection,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: require_LegacyNavMenu_module.default.sectionHeader,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: require_LegacyNavMenu_module.default.sectionTitle,
+							children: section.title
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: require_LegacyNavMenu_module.default.sectionItems,
+						children: section.items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							className: `${require_LegacyNavMenu_module.default.navItem} ${item.isActive ? require_LegacyNavMenu_module.default.active : ""}`,
+							onClick: () => handleItemClick(item.id),
+							children: [item.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: require_LegacyNavMenu_module.default.navItemIcon,
+								children: item.icon
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: require_LegacyNavMenu_module.default.navItemLabel,
+								children: item.label
+							})]
+						}, item.id))
+					})]
+				}, section.title))
+			}),
+			footerSlot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "px-4",
+				children: footerSlot
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_UserProfile.UserProfile, {
+				firstName: user.firstName,
+				lastName: user.lastName,
+				avatarUrl: user.avatarUrl,
+				onLogOut,
+				onChangeClient
+			})
+		]
+	});
 };
+//#endregion
 exports.LegacyNavMenu = LegacyNavMenu;
-//# sourceMappingURL=LegacyNavMenu.cjs.map
+
+//# sourceMappingURL=LegacyNavMenu.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegacyNavMenu.cjs","sources":["../../../../src/components/legacyNavMenu/LegacyNavMenu.tsx"],"sourcesContent":["import React from 'react'\nimport styles from './LegacyNavMenu.module.css'\nimport J2Logo from '../../svgs/j2-logo-menu-collapse.svg?react'\nimport { UserProfile } from './UserProfile'\n\nexport interface NavItem {\n  id: string\n  label: string\n  icon?: React.ReactNode\n  isActive?: boolean\n}\n\nexport interface NavSection {\n  title: string\n  items: NavItem[]\n}\n\nexport interface LegacyNavMenuUser {\n  firstName: string\n  lastName?: string\n  avatarUrl?: string\n}\n\nexport interface LegacyNavMenuProps {\n  sections: NavSection[]\n  user: LegacyNavMenuUser\n  onItemClick?: (itemId: string) => void\n  logoUrl?: string\n  onLogOut?: () => void\n  onChangeClient?: () => void\n  headerSlot?: React.ReactNode\n  footerSlot?: React.ReactNode\n}\n\nexport const LegacyNavMenu: React.FC<LegacyNavMenuProps> = ({\n  sections,\n  user,\n  onItemClick,\n  logoUrl = '/',\n  onLogOut,\n  onChangeClient,\n  headerSlot,\n  footerSlot,\n}) => {\n  const handleItemClick = (itemId: string) => {\n    onItemClick?.(itemId)\n  }\n\n  return (\n    <div className={styles.navContainer}>\n      {/* Logo Section */}\n      <div className={styles.logoSection}>\n        <div className={styles.logoContainer}>\n          <a href={logoUrl} className={styles.logoLink}>\n            <J2Logo className={styles.logo} />\n          </a>\n        </div>\n      </div>\n\n      {headerSlot && <div className=\"px-4\">{headerSlot}</div>}\n\n      {/* Navigation Sections */}\n      <div className={styles.navContent}>\n        {sections.map((section) => (\n          <div key={section.title} className={styles.navSection}>\n            {/* Section Header */}\n            <div className={styles.sectionHeader}>\n              <span className={styles.sectionTitle}>{section.title}</span>\n            </div>\n\n            {/* Section Items */}\n            <div className={styles.sectionItems}>\n              {section.items.map((item) => (\n                <button\n                  key={item.id}\n                  className={`${styles.navItem} ${item.isActive ? styles.active : ''}`}\n                  onClick={() => handleItemClick(item.id)}\n                >\n                  {item.icon && (\n                    <div className={styles.navItemIcon}>{item.icon}</div>\n                  )}\n                  <span className={styles.navItemLabel}>{item.label}</span>\n                </button>\n              ))}\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {footerSlot && <div className=\"px-4\">{footerSlot}</div>}\n\n      {/* User Profile Section */}\n      <UserProfile\n        firstName={user.firstName}\n        lastName={user.lastName}\n        avatarUrl={user.avatarUrl}\n        onLogOut={onLogOut}\n        onChangeClient={onChangeClient}\n      />\n    </div>\n  )\n}\n"],"names":["jsxs","styles","jsx","J2Logo","UserProfile"],"mappings":";;;;;;AAkCO,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,kBAAkB,CAAC,WAAmB;AAC1C,+CAAc;AAAA,EAChB;AAEA,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAWC,qBAAAA,QAAO,cAErB,UAAA;AAAA,IAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,qBAAAA,QAAO,aACrB,yCAAC,OAAA,EAAI,WAAWA,qBAAAA,QAAO,eACrB,UAAAC,2BAAAA,IAAC,KAAA,EAAE,MAAM,SAAS,WAAWD,qBAAAA,QAAO,UAClC,UAAAC,2BAAAA,IAACC,oBAAA,EAAO,WAAWF,qBAAAA,QAAO,KAAA,CAAM,EAAA,CAClC,EAAA,CACF,EAAA,CACF;AAAA,IAEC,cAAcC,2BAAAA,IAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,YAAW;AAAA,IAGjDA,2BAAAA,IAAC,OAAA,EAAI,WAAWD,qBAAAA,QAAO,YACpB,UAAA,SAAS,IAAI,CAAC,YACbD,2BAAAA,KAAC,OAAA,EAAwB,WAAWC,qBAAAA,QAAO,YAEzC,UAAA;AAAA,MAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,qBAAAA,QAAO,eACrB,UAAAC,+BAAC,QAAA,EAAK,WAAWD,qBAAAA,QAAO,cAAe,UAAA,QAAQ,MAAA,CAAM,GACvD;AAAA,MAGAC,2BAAAA,IAAC,SAAI,WAAWD,qBAAAA,QAAO,cACpB,UAAA,QAAQ,MAAM,IAAI,CAAC,SAClBD,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAW,GAAGC,6BAAO,OAAO,IAAI,KAAK,WAAWA,qBAAAA,QAAO,SAAS,EAAE;AAAA,UAClE,SAAS,MAAM,gBAAgB,KAAK,EAAE;AAAA,UAErC,UAAA;AAAA,YAAA,KAAK,QACJC,+BAAC,OAAA,EAAI,WAAWD,qBAAAA,QAAO,aAAc,eAAK,KAAA,CAAK;AAAA,2CAEhD,QAAA,EAAK,WAAWA,qBAAAA,QAAO,cAAe,eAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAP7C,KAAK;AAAA,MAAA,CASb,EAAA,CACH;AAAA,IAAA,EAAA,GApBQ,QAAQ,KAqBlB,CACD,GACH;AAAA,IAEC,cAAcC,2BAAAA,IAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,YAAW;AAAA,IAGjDA,2BAAAA;AAAAA,MAACE,YAAAA;AAAAA,MAAA;AAAA,QACC,WAAW,KAAK;AAAA,QAChB,UAAU,KAAK;AAAA,QACf,WAAW,KAAK;AAAA,QAChB;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;;"}
+{"version":3,"file":"LegacyNavMenu.cjs","names":["styles","J2Logo","UserProfile"],"sources":["../../../../src/components/legacyNavMenu/LegacyNavMenu.tsx"],"sourcesContent":["import React from 'react'\nimport styles from './LegacyNavMenu.module.css'\nimport J2Logo from '../../svgs/j2-logo-menu-collapse.svg'\nimport { UserProfile } from './UserProfile'\n\nexport interface NavItem {\n  id: string\n  label: string\n  icon?: React.ReactNode\n  isActive?: boolean\n}\n\nexport interface NavSection {\n  title: string\n  items: NavItem[]\n}\n\nexport interface LegacyNavMenuUser {\n  firstName: string\n  lastName?: string\n  avatarUrl?: string\n}\n\nexport interface LegacyNavMenuProps {\n  sections: NavSection[]\n  user: LegacyNavMenuUser\n  onItemClick?: (itemId: string) => void\n  logoUrl?: string\n  onLogOut?: () => void\n  onChangeClient?: () => void\n  headerSlot?: React.ReactNode\n  footerSlot?: React.ReactNode\n}\n\nexport const LegacyNavMenu: React.FC<LegacyNavMenuProps> = ({\n  sections,\n  user,\n  onItemClick,\n  logoUrl = '/',\n  onLogOut,\n  onChangeClient,\n  headerSlot,\n  footerSlot,\n}) => {\n  const handleItemClick = (itemId: string) => {\n    onItemClick?.(itemId)\n  }\n\n  return (\n    <div className={styles.navContainer}>\n      {/* Logo Section */}\n      <div className={styles.logoSection}>\n        <div className={styles.logoContainer}>\n          <a href={logoUrl} className={styles.logoLink}>\n            <J2Logo className={styles.logo} />\n          </a>\n        </div>\n      </div>\n\n      {headerSlot && <div className=\"px-4\">{headerSlot}</div>}\n\n      {/* Navigation Sections */}\n      <div className={styles.navContent}>\n        {sections.map((section) => (\n          <div key={section.title} className={styles.navSection}>\n            {/* Section Header */}\n            <div className={styles.sectionHeader}>\n              <span className={styles.sectionTitle}>{section.title}</span>\n            </div>\n\n            {/* Section Items */}\n            <div className={styles.sectionItems}>\n              {section.items.map((item) => (\n                <button\n                  key={item.id}\n                  className={`${styles.navItem} ${item.isActive ? styles.active : ''}`}\n                  onClick={() => handleItemClick(item.id)}\n                >\n                  {item.icon && (\n                    <div className={styles.navItemIcon}>{item.icon}</div>\n                  )}\n                  <span className={styles.navItemLabel}>{item.label}</span>\n                </button>\n              ))}\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {footerSlot && <div className=\"px-4\">{footerSlot}</div>}\n\n      {/* User Profile Section */}\n      <UserProfile\n        firstName={user.firstName}\n        lastName={user.lastName}\n        avatarUrl={user.avatarUrl}\n        onLogOut={onLogOut}\n        onChangeClient={onChangeClient}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAkCA,IAAa,iBAA+C,EAC1D,UACA,MACA,aACA,UAAU,KACV,UACA,gBACA,YACA,iBACI;CACJ,MAAM,mBAAmB,WAAmB;EAC1C,cAAc,MAAM;CACtB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAWA,6BAAAA,QAAO;EAAvB,UAAA;GAEE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAWA,6BAAAA,QAAO;IACrB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAWA,6BAAAA,QAAO;KACrB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;MAAG,MAAM;MAAS,WAAWA,6BAAAA,QAAO;MAClC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,SAAD,EAAQ,WAAWD,6BAAAA,QAAO,KAAO,CAAA;KAChC,CAAA;IACA,CAAA;GACF,CAAA;GAEJ,cAAc,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IAAQ,UAAA;GAAgB,CAAA;GAGtD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAWA,6BAAAA,QAAO;IACpB,UAAA,SAAS,KAAK,YACb,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAyB,WAAWA,6BAAAA,QAAO;KAA3C,UAAA,CAEE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,WAAWA,6BAAAA,QAAO;MACrB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAAM,WAAWA,6BAAAA,QAAO;OAAe,UAAA,QAAQ;MAAY,CAAA;KACxD,CAAA,GAGL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,WAAWA,6BAAAA,QAAO;MACpB,UAAA,QAAQ,MAAM,KAAK,SAClB,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;OAEE,WAAW,GAAGA,6BAAAA,QAAO,QAAQ,GAAG,KAAK,WAAWA,6BAAAA,QAAO,SAAS;OAChE,eAAe,gBAAgB,KAAK,EAAE;OAHxC,UAAA,CAKG,KAAK,QACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;QAAK,WAAWA,6BAAAA,QAAO;QAAc,UAAA,KAAK;OAAU,CAAA,GAEtD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;QAAM,WAAWA,6BAAAA,QAAO;QAAe,UAAA,KAAK;OAAY,CAAA,CAClD;MARD,GAAA,KAAK,EAQJ,CACT;KACE,CAAA,CACF;IArBK,GAAA,QAAQ,KAqBb,CACN;GACE,CAAA;GAEJ,cAAc,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IAAQ,UAAA;GAAgB,CAAA;GAGtD,iBAAA,GAAA,kBAAA,IAAA,CAACE,oBAAAA,aAAD;IACE,WAAW,KAAK;IAChB,UAAU,KAAK;IACf,WAAW,KAAK;IACN;IACM;GACjB,CAAA;EACE;;AAET"}

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

@@ -1,52 +1,72 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import styles from "./LegacyNavMenu.module.css.js";
 import SvgJ2LogoMenuCollapse from "../../svgs/j2-logo-menu-collapse.svg.js";
+import LegacyNavMenu_module_default from "./LegacyNavMenu.module.css.js";
 import { UserProfile } from "./UserProfile.js";
-const LegacyNavMenu = ({
-  sections,
-  user,
-  onItemClick,
-  logoUrl = "/",
-  onLogOut,
-  onChangeClient,
-  headerSlot,
-  footerSlot
-}) => {
-  const handleItemClick = (itemId) => {
-    onItemClick == null ? void 0 : onItemClick(itemId);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: styles.navContainer, children: [
-    /* @__PURE__ */ jsx("div", { className: styles.logoSection, children: /* @__PURE__ */ jsx("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx("a", { href: logoUrl, className: styles.logoLink, children: /* @__PURE__ */ jsx(SvgJ2LogoMenuCollapse, { className: styles.logo }) }) }) }),
-    headerSlot && /* @__PURE__ */ jsx("div", { className: "px-4", children: headerSlot }),
-    /* @__PURE__ */ jsx("div", { className: styles.navContent, children: sections.map((section) => /* @__PURE__ */ jsxs("div", { className: styles.navSection, children: [
-      /* @__PURE__ */ jsx("div", { className: styles.sectionHeader, children: /* @__PURE__ */ jsx("span", { className: styles.sectionTitle, children: section.title }) }),
-      /* @__PURE__ */ jsx("div", { className: styles.sectionItems, children: section.items.map((item) => /* @__PURE__ */ jsxs(
-        "button",
-        {
-          className: `${styles.navItem} ${item.isActive ? styles.active : ""}`,
-          onClick: () => handleItemClick(item.id),
-          children: [
-            item.icon && /* @__PURE__ */ jsx("div", { className: styles.navItemIcon, children: item.icon }),
-            /* @__PURE__ */ jsx("span", { className: styles.navItemLabel, children: item.label })
-          ]
-        },
-        item.id
-      )) })
-    ] }, section.title)) }),
-    footerSlot && /* @__PURE__ */ jsx("div", { className: "px-4", children: footerSlot }),
-    /* @__PURE__ */ jsx(
-      UserProfile,
-      {
-        firstName: user.firstName,
-        lastName: user.lastName,
-        avatarUrl: user.avatarUrl,
-        onLogOut,
-        onChangeClient
-      }
-    )
-  ] });
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/legacyNavMenu/LegacyNavMenu.tsx
+var LegacyNavMenu = ({ sections, user, onItemClick, logoUrl = "/", onLogOut, onChangeClient, headerSlot, footerSlot }) => {
+	const handleItemClick = (itemId) => {
+		onItemClick?.(itemId);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: LegacyNavMenu_module_default.navContainer,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: LegacyNavMenu_module_default.logoSection,
+				children: /* @__PURE__ */ jsx("div", {
+					className: LegacyNavMenu_module_default.logoContainer,
+					children: /* @__PURE__ */ jsx("a", {
+						href: logoUrl,
+						className: LegacyNavMenu_module_default.logoLink,
+						children: /* @__PURE__ */ jsx(SvgJ2LogoMenuCollapse, { className: LegacyNavMenu_module_default.logo })
+					})
+				})
+			}),
+			headerSlot && /* @__PURE__ */ jsx("div", {
+				className: "px-4",
+				children: headerSlot
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: LegacyNavMenu_module_default.navContent,
+				children: sections.map((section) => /* @__PURE__ */ jsxs("div", {
+					className: LegacyNavMenu_module_default.navSection,
+					children: [/* @__PURE__ */ jsx("div", {
+						className: LegacyNavMenu_module_default.sectionHeader,
+						children: /* @__PURE__ */ jsx("span", {
+							className: LegacyNavMenu_module_default.sectionTitle,
+							children: section.title
+						})
+					}), /* @__PURE__ */ jsx("div", {
+						className: LegacyNavMenu_module_default.sectionItems,
+						children: section.items.map((item) => /* @__PURE__ */ jsxs("button", {
+							className: `${LegacyNavMenu_module_default.navItem} ${item.isActive ? LegacyNavMenu_module_default.active : ""}`,
+							onClick: () => handleItemClick(item.id),
+							children: [item.icon && /* @__PURE__ */ jsx("div", {
+								className: LegacyNavMenu_module_default.navItemIcon,
+								children: item.icon
+							}), /* @__PURE__ */ jsx("span", {
+								className: LegacyNavMenu_module_default.navItemLabel,
+								children: item.label
+							})]
+						}, item.id))
+					})]
+				}, section.title))
+			}),
+			footerSlot && /* @__PURE__ */ jsx("div", {
+				className: "px-4",
+				children: footerSlot
+			}),
+			/* @__PURE__ */ jsx(UserProfile, {
+				firstName: user.firstName,
+				lastName: user.lastName,
+				avatarUrl: user.avatarUrl,
+				onLogOut,
+				onChangeClient
+			})
+		]
+	});
 };
-export {
-  LegacyNavMenu
-};
-//# sourceMappingURL=LegacyNavMenu.js.map
+//#endregion
+export { LegacyNavMenu };
+
+//# sourceMappingURL=LegacyNavMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegacyNavMenu.js","sources":["../../../../src/components/legacyNavMenu/LegacyNavMenu.tsx"],"sourcesContent":["import React from 'react'\nimport styles from './LegacyNavMenu.module.css'\nimport J2Logo from '../../svgs/j2-logo-menu-collapse.svg?react'\nimport { UserProfile } from './UserProfile'\n\nexport interface NavItem {\n  id: string\n  label: string\n  icon?: React.ReactNode\n  isActive?: boolean\n}\n\nexport interface NavSection {\n  title: string\n  items: NavItem[]\n}\n\nexport interface LegacyNavMenuUser {\n  firstName: string\n  lastName?: string\n  avatarUrl?: string\n}\n\nexport interface LegacyNavMenuProps {\n  sections: NavSection[]\n  user: LegacyNavMenuUser\n  onItemClick?: (itemId: string) => void\n  logoUrl?: string\n  onLogOut?: () => void\n  onChangeClient?: () => void\n  headerSlot?: React.ReactNode\n  footerSlot?: React.ReactNode\n}\n\nexport const LegacyNavMenu: React.FC<LegacyNavMenuProps> = ({\n  sections,\n  user,\n  onItemClick,\n  logoUrl = '/',\n  onLogOut,\n  onChangeClient,\n  headerSlot,\n  footerSlot,\n}) => {\n  const handleItemClick = (itemId: string) => {\n    onItemClick?.(itemId)\n  }\n\n  return (\n    <div className={styles.navContainer}>\n      {/* Logo Section */}\n      <div className={styles.logoSection}>\n        <div className={styles.logoContainer}>\n          <a href={logoUrl} className={styles.logoLink}>\n            <J2Logo className={styles.logo} />\n          </a>\n        </div>\n      </div>\n\n      {headerSlot && <div className=\"px-4\">{headerSlot}</div>}\n\n      {/* Navigation Sections */}\n      <div className={styles.navContent}>\n        {sections.map((section) => (\n          <div key={section.title} className={styles.navSection}>\n            {/* Section Header */}\n            <div className={styles.sectionHeader}>\n              <span className={styles.sectionTitle}>{section.title}</span>\n            </div>\n\n            {/* Section Items */}\n            <div className={styles.sectionItems}>\n              {section.items.map((item) => (\n                <button\n                  key={item.id}\n                  className={`${styles.navItem} ${item.isActive ? styles.active : ''}`}\n                  onClick={() => handleItemClick(item.id)}\n                >\n                  {item.icon && (\n                    <div className={styles.navItemIcon}>{item.icon}</div>\n                  )}\n                  <span className={styles.navItemLabel}>{item.label}</span>\n                </button>\n              ))}\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {footerSlot && <div className=\"px-4\">{footerSlot}</div>}\n\n      {/* User Profile Section */}\n      <UserProfile\n        firstName={user.firstName}\n        lastName={user.lastName}\n        avatarUrl={user.avatarUrl}\n        onLogOut={onLogOut}\n        onChangeClient={onChangeClient}\n      />\n    </div>\n  )\n}\n"],"names":["J2Logo"],"mappings":";;;;AAkCO,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,kBAAkB,CAAC,WAAmB;AAC1C,+CAAc;AAAA,EAChB;AAEA,SACE,qBAAC,OAAA,EAAI,WAAW,OAAO,cAErB,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,aACrB,8BAAC,OAAA,EAAI,WAAW,OAAO,eACrB,UAAA,oBAAC,KAAA,EAAE,MAAM,SAAS,WAAW,OAAO,UAClC,UAAA,oBAACA,uBAAA,EAAO,WAAW,OAAO,KAAA,CAAM,EAAA,CAClC,EAAA,CACF,EAAA,CACF;AAAA,IAEC,cAAc,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,YAAW;AAAA,IAGjD,oBAAC,OAAA,EAAI,WAAW,OAAO,YACpB,UAAA,SAAS,IAAI,CAAC,YACb,qBAAC,OAAA,EAAwB,WAAW,OAAO,YAEzC,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,eACrB,UAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,cAAe,UAAA,QAAQ,MAAA,CAAM,GACvD;AAAA,MAGA,oBAAC,SAAI,WAAW,OAAO,cACpB,UAAA,QAAQ,MAAM,IAAI,CAAC,SAClB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAW,GAAG,OAAO,OAAO,IAAI,KAAK,WAAW,OAAO,SAAS,EAAE;AAAA,UAClE,SAAS,MAAM,gBAAgB,KAAK,EAAE;AAAA,UAErC,UAAA;AAAA,YAAA,KAAK,QACJ,oBAAC,OAAA,EAAI,WAAW,OAAO,aAAc,eAAK,KAAA,CAAK;AAAA,gCAEhD,QAAA,EAAK,WAAW,OAAO,cAAe,eAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAP7C,KAAK;AAAA,MAAA,CASb,EAAA,CACH;AAAA,IAAA,EAAA,GApBQ,QAAQ,KAqBlB,CACD,GACH;AAAA,IAEC,cAAc,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,YAAW;AAAA,IAGjD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,KAAK;AAAA,QAChB,UAAU,KAAK;AAAA,QACf,WAAW,KAAK;AAAA,QAChB;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"LegacyNavMenu.js","names":["styles","J2Logo"],"sources":["../../../../src/components/legacyNavMenu/LegacyNavMenu.tsx"],"sourcesContent":["import React from 'react'\nimport styles from './LegacyNavMenu.module.css'\nimport J2Logo from '../../svgs/j2-logo-menu-collapse.svg'\nimport { UserProfile } from './UserProfile'\n\nexport interface NavItem {\n  id: string\n  label: string\n  icon?: React.ReactNode\n  isActive?: boolean\n}\n\nexport interface NavSection {\n  title: string\n  items: NavItem[]\n}\n\nexport interface LegacyNavMenuUser {\n  firstName: string\n  lastName?: string\n  avatarUrl?: string\n}\n\nexport interface LegacyNavMenuProps {\n  sections: NavSection[]\n  user: LegacyNavMenuUser\n  onItemClick?: (itemId: string) => void\n  logoUrl?: string\n  onLogOut?: () => void\n  onChangeClient?: () => void\n  headerSlot?: React.ReactNode\n  footerSlot?: React.ReactNode\n}\n\nexport const LegacyNavMenu: React.FC<LegacyNavMenuProps> = ({\n  sections,\n  user,\n  onItemClick,\n  logoUrl = '/',\n  onLogOut,\n  onChangeClient,\n  headerSlot,\n  footerSlot,\n}) => {\n  const handleItemClick = (itemId: string) => {\n    onItemClick?.(itemId)\n  }\n\n  return (\n    <div className={styles.navContainer}>\n      {/* Logo Section */}\n      <div className={styles.logoSection}>\n        <div className={styles.logoContainer}>\n          <a href={logoUrl} className={styles.logoLink}>\n            <J2Logo className={styles.logo} />\n          </a>\n        </div>\n      </div>\n\n      {headerSlot && <div className=\"px-4\">{headerSlot}</div>}\n\n      {/* Navigation Sections */}\n      <div className={styles.navContent}>\n        {sections.map((section) => (\n          <div key={section.title} className={styles.navSection}>\n            {/* Section Header */}\n            <div className={styles.sectionHeader}>\n              <span className={styles.sectionTitle}>{section.title}</span>\n            </div>\n\n            {/* Section Items */}\n            <div className={styles.sectionItems}>\n              {section.items.map((item) => (\n                <button\n                  key={item.id}\n                  className={`${styles.navItem} ${item.isActive ? styles.active : ''}`}\n                  onClick={() => handleItemClick(item.id)}\n                >\n                  {item.icon && (\n                    <div className={styles.navItemIcon}>{item.icon}</div>\n                  )}\n                  <span className={styles.navItemLabel}>{item.label}</span>\n                </button>\n              ))}\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {footerSlot && <div className=\"px-4\">{footerSlot}</div>}\n\n      {/* User Profile Section */}\n      <UserProfile\n        firstName={user.firstName}\n        lastName={user.lastName}\n        avatarUrl={user.avatarUrl}\n        onLogOut={onLogOut}\n        onChangeClient={onChangeClient}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAkCA,IAAa,iBAA+C,EAC1D,UACA,MACA,aACA,UAAU,KACV,UACA,gBACA,YACA,iBACI;CACJ,MAAM,mBAAmB,WAAmB;EAC1C,cAAc,MAAM;CACtB;CAEA,OACE,qBAAC,OAAD;EAAK,WAAWA,6BAAO;EAAvB,UAAA;GAEE,oBAAC,OAAD;IAAK,WAAWA,6BAAO;IACrB,UAAA,oBAAC,OAAD;KAAK,WAAWA,6BAAO;KACrB,UAAA,oBAAC,KAAD;MAAG,MAAM;MAAS,WAAWA,6BAAO;MAClC,UAAA,oBAACC,uBAAD,EAAQ,WAAWD,6BAAO,KAAO,CAAA;KAChC,CAAA;IACA,CAAA;GACF,CAAA;GAEJ,cAAc,oBAAC,OAAD;IAAK,WAAU;IAAQ,UAAA;GAAgB,CAAA;GAGtD,oBAAC,OAAD;IAAK,WAAWA,6BAAO;IACpB,UAAA,SAAS,KAAK,YACb,qBAAC,OAAD;KAAyB,WAAWA,6BAAO;KAA3C,UAAA,CAEE,oBAAC,OAAD;MAAK,WAAWA,6BAAO;MACrB,UAAA,oBAAC,QAAD;OAAM,WAAWA,6BAAO;OAAe,UAAA,QAAQ;MAAY,CAAA;KACxD,CAAA,GAGL,oBAAC,OAAD;MAAK,WAAWA,6BAAO;MACpB,UAAA,QAAQ,MAAM,KAAK,SAClB,qBAAC,UAAD;OAEE,WAAW,GAAGA,6BAAO,QAAQ,GAAG,KAAK,WAAWA,6BAAO,SAAS;OAChE,eAAe,gBAAgB,KAAK,EAAE;OAHxC,UAAA,CAKG,KAAK,QACJ,oBAAC,OAAD;QAAK,WAAWA,6BAAO;QAAc,UAAA,KAAK;OAAU,CAAA,GAEtD,oBAAC,QAAD;QAAM,WAAWA,6BAAO;QAAe,UAAA,KAAK;OAAY,CAAA,CAClD;MARD,GAAA,KAAK,EAQJ,CACT;KACE,CAAA,CACF;IArBK,GAAA,QAAQ,KAqBb,CACN;GACE,CAAA;GAEJ,cAAc,oBAAC,OAAD;IAAK,WAAU;IAAQ,UAAA;GAAgB,CAAA;GAGtD,oBAAC,aAAD;IACE,WAAW,KAAK;IAChB,UAAU,KAAK;IACf,WAAW,KAAK;IACN;IACM;GACjB,CAAA;EACE;;AAET"}

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

@@ -1,37 +1,45 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const navContainer = "_navContainer_1eoor_2";
-const logoSection = "_logoSection_1eoor_14";
-const logoContainer = "_logoContainer_1eoor_18";
-const logoLink = "_logoLink_1eoor_25";
-const logo = "_logo_1eoor_14";
-const navContent = "_navContent_1eoor_46";
-const navSection = "_navSection_1eoor_54";
-const sectionHeader = "_sectionHeader_1eoor_59";
-const sectionTitle = "_sectionTitle_1eoor_63";
-const sectionItems = "_sectionItems_1eoor_73";
-const navItem = "_navItem_1eoor_79";
-const active = "_active_1eoor_96";
-const navItemIcon = "_navItemIcon_1eoor_100";
-const navItemLabel = "_navItemLabel_1eoor_115";
-const styles = {
-  navContainer,
-  logoSection,
-  logoContainer,
-  logoLink,
-  logo,
-  navContent,
-  navSection,
-  sectionHeader,
-  sectionTitle,
-  sectionItems,
-  navItem,
-  active,
-  navItemIcon,
-  navItemLabel
+//#region src/components/legacyNavMenu/LegacyNavMenu.module.css
+var navContainer = "_navContainer_1eoor_2";
+var logoSection = "_logoSection_1eoor_14";
+var logoContainer = "_logoContainer_1eoor_18";
+var logoLink = "_logoLink_1eoor_25";
+var logo = "_logo_1eoor_14";
+var navContent = "_navContent_1eoor_46";
+var navSection = "_navSection_1eoor_54";
+var sectionHeader = "_sectionHeader_1eoor_59";
+var sectionTitle = "_sectionTitle_1eoor_63";
+var sectionItems = "_sectionItems_1eoor_73";
+var navItem = "_navItem_1eoor_79";
+var active = "_active_1eoor_96";
+var navItemIcon = "_navItemIcon_1eoor_100";
+var navItemLabel = "_navItemLabel_1eoor_115";
+var navMenuContainer = "_navMenuContainer_1eoor_127";
+var collapsed = "_collapsed_1eoor_131";
+var headerContainer = "_headerContainer_1eoor_134";
+var LegacyNavMenu_module_default = {
+	navContainer,
+	logoSection,
+	logoContainer,
+	logoLink,
+	logo,
+	navContent,
+	navSection,
+	sectionHeader,
+	sectionTitle,
+	sectionItems,
+	navItem,
+	active,
+	navItemIcon,
+	navItemLabel,
+	navMenuContainer,
+	collapsed,
+	headerContainer
 };
+//#endregion
 exports.active = active;
-exports.default = styles;
+exports.collapsed = collapsed;
+exports.default = LegacyNavMenu_module_default;
+exports.headerContainer = headerContainer;
 exports.logo = logo;
 exports.logoContainer = logoContainer;
 exports.logoLink = logoLink;
@@ -41,8 +49,10 @@ exports.navContent = navContent;
 exports.navItem = navItem;
 exports.navItemIcon = navItemIcon;
 exports.navItemLabel = navItemLabel;
+exports.navMenuContainer = navMenuContainer;
 exports.navSection = navSection;
 exports.sectionHeader = sectionHeader;
 exports.sectionItems = sectionItems;
 exports.sectionTitle = sectionTitle;
-//# sourceMappingURL=LegacyNavMenu.module.css.cjs.map
+
+//# sourceMappingURL=LegacyNavMenu.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegacyNavMenu.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LegacyNavMenu.module.css.cjs","names":[],"sources":["../../../../src/components/legacyNavMenu/LegacyNavMenu.module.css"],"sourcesContent":["/* Main container */\n.navContainer {\n  width: 186px;\n  height: 100vh;\n  background-color: #efefef;\n  border-right: 1px solid #e1e1e1;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  font-family: 'Roboto', sans-serif;\n}\n\n/* Logo section */\n.logoSection {\n  padding: 24px 0;\n}\n\n.logoContainer {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 10px;\n}\n\n.logoLink {\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.logo {\n  height: var(--logo-size, 64px);\n  width: auto; /* Maintains aspect ratio */\n  max-width: 100%;\n}\n\n/* Responsive sizing */\n@media (max-width: 768px) {\n  .logo {\n    width: 60px;\n  }\n}\n\n/* Navigation content */\n.navContent {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.navSection {\n  border-bottom: 1px solid #e1e1e1;\n  padding: 8px 0;\n}\n\n.sectionHeader {\n  padding: 8px 0;\n}\n\n.sectionTitle {\n  font-family: 'Roboto', sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  letter-spacing: 1px;\n  color: rgba(0, 0, 0, 0.87);\n  padding: 0 16px;\n  text-transform: uppercase;\n}\n\n.sectionItems {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Navigation items */\n.navItem {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  text-align: left;\n  width: 100%;\n  transition: background-color 0.2s ease;\n  min-height: 40px;\n}\n\n.navItem:hover {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.navItem.active {\n  background-color: #dfe5ed;\n}\n\n.navItemIcon {\n  width: 32px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  margin-right: 0;\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.navItemIcon svg {\n  width: 24px;\n  height: 24px;\n}\n\n.navItemLabel {\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  flex: 1;\n  padding: 4px 0;\n}\n\n/* Legacy collapsed state support */\n.navMenuContainer {\n  height: 100vh;\n  display: inline-block;\n\n  &.collapsed {\n    width: 80px;\n\n    .headerContainer {\n      .logo {\n        display: block;\n      }\n\n      :global(.toggle-button) {\n        display: none;\n      }\n\n      &:hover {\n        .logo {\n          display: none;\n        }\n\n        :global(.toggle-button) {\n          display: block;\n        }\n      }\n    }\n  }\n}\n"],"mappings":""}

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

@@ -1,48 +1,41 @@
-const navContainer = "_navContainer_1eoor_2";
-const logoSection = "_logoSection_1eoor_14";
-const logoContainer = "_logoContainer_1eoor_18";
-const logoLink = "_logoLink_1eoor_25";
-const logo = "_logo_1eoor_14";
-const navContent = "_navContent_1eoor_46";
-const navSection = "_navSection_1eoor_54";
-const sectionHeader = "_sectionHeader_1eoor_59";
-const sectionTitle = "_sectionTitle_1eoor_63";
-const sectionItems = "_sectionItems_1eoor_73";
-const navItem = "_navItem_1eoor_79";
-const active = "_active_1eoor_96";
-const navItemIcon = "_navItemIcon_1eoor_100";
-const navItemLabel = "_navItemLabel_1eoor_115";
-const styles = {
-  navContainer,
-  logoSection,
-  logoContainer,
-  logoLink,
-  logo,
-  navContent,
-  navSection,
-  sectionHeader,
-  sectionTitle,
-  sectionItems,
-  navItem,
-  active,
-  navItemIcon,
-  navItemLabel
+//#region src/components/legacyNavMenu/LegacyNavMenu.module.css
+var navContainer = "_navContainer_1eoor_2";
+var logoSection = "_logoSection_1eoor_14";
+var logoContainer = "_logoContainer_1eoor_18";
+var logoLink = "_logoLink_1eoor_25";
+var logo = "_logo_1eoor_14";
+var navContent = "_navContent_1eoor_46";
+var navSection = "_navSection_1eoor_54";
+var sectionHeader = "_sectionHeader_1eoor_59";
+var sectionTitle = "_sectionTitle_1eoor_63";
+var sectionItems = "_sectionItems_1eoor_73";
+var navItem = "_navItem_1eoor_79";
+var active = "_active_1eoor_96";
+var navItemIcon = "_navItemIcon_1eoor_100";
+var navItemLabel = "_navItemLabel_1eoor_115";
+var navMenuContainer = "_navMenuContainer_1eoor_127";
+var collapsed = "_collapsed_1eoor_131";
+var headerContainer = "_headerContainer_1eoor_134";
+var LegacyNavMenu_module_default = {
+	navContainer,
+	logoSection,
+	logoContainer,
+	logoLink,
+	logo,
+	navContent,
+	navSection,
+	sectionHeader,
+	sectionTitle,
+	sectionItems,
+	navItem,
+	active,
+	navItemIcon,
+	navItemLabel,
+	navMenuContainer,
+	collapsed,
+	headerContainer
 };
-export {
-  active,
-  styles as default,
-  logo,
-  logoContainer,
-  logoLink,
-  logoSection,
-  navContainer,
-  navContent,
-  navItem,
-  navItemIcon,
-  navItemLabel,
-  navSection,
-  sectionHeader,
-  sectionItems,
-  sectionTitle
-};
-//# sourceMappingURL=LegacyNavMenu.module.css.js.map
+//#endregion
+export { active, collapsed, LegacyNavMenu_module_default as default, headerContainer, logo, logoContainer, logoLink, logoSection, navContainer, navContent, navItem, navItemIcon, navItemLabel, navMenuContainer, navSection, sectionHeader, sectionItems, sectionTitle };
+
+//# sourceMappingURL=LegacyNavMenu.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegacyNavMenu.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LegacyNavMenu.module.css.js","names":[],"sources":["../../../../src/components/legacyNavMenu/LegacyNavMenu.module.css"],"sourcesContent":["/* Main container */\n.navContainer {\n  width: 186px;\n  height: 100vh;\n  background-color: #efefef;\n  border-right: 1px solid #e1e1e1;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  font-family: 'Roboto', sans-serif;\n}\n\n/* Logo section */\n.logoSection {\n  padding: 24px 0;\n}\n\n.logoContainer {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 10px;\n}\n\n.logoLink {\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.logo {\n  height: var(--logo-size, 64px);\n  width: auto; /* Maintains aspect ratio */\n  max-width: 100%;\n}\n\n/* Responsive sizing */\n@media (max-width: 768px) {\n  .logo {\n    width: 60px;\n  }\n}\n\n/* Navigation content */\n.navContent {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.navSection {\n  border-bottom: 1px solid #e1e1e1;\n  padding: 8px 0;\n}\n\n.sectionHeader {\n  padding: 8px 0;\n}\n\n.sectionTitle {\n  font-family: 'Roboto', sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  letter-spacing: 1px;\n  color: rgba(0, 0, 0, 0.87);\n  padding: 0 16px;\n  text-transform: uppercase;\n}\n\n.sectionItems {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Navigation items */\n.navItem {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  text-align: left;\n  width: 100%;\n  transition: background-color 0.2s ease;\n  min-height: 40px;\n}\n\n.navItem:hover {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.navItem.active {\n  background-color: #dfe5ed;\n}\n\n.navItemIcon {\n  width: 32px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  margin-right: 0;\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.navItemIcon svg {\n  width: 24px;\n  height: 24px;\n}\n\n.navItemLabel {\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  flex: 1;\n  padding: 4px 0;\n}\n\n/* Legacy collapsed state support */\n.navMenuContainer {\n  height: 100vh;\n  display: inline-block;\n\n  &.collapsed {\n    width: 80px;\n\n    .headerContainer {\n      .logo {\n        display: block;\n      }\n\n      :global(.toggle-button) {\n        display: none;\n      }\n\n      &:hover {\n        .logo {\n          display: none;\n        }\n\n        :global(.toggle-button) {\n          display: block;\n        }\n      }\n    }\n  }\n}\n"],"mappings":""}