@j2-health/design-system 0.2.0 → 0.3.0

package/dist/src/components/icons/index.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("@phosphor-icons/react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const react__namespace = /* @__PURE__ */ _interopNamespaceDefault(react);
+Object.keys(react).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => react[k]
+  });
+});
+//# sourceMappingURL=index.cjs.map

package/dist/src/components/icons/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/src/components/icons/index.js

@@ -0,0 +1,3 @@
+import * as react from "@phosphor-icons/react";
+export * from "@phosphor-icons/react";
+//# sourceMappingURL=index.js.map

package/dist/src/components/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/src/components/input/AntdInput.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const antd = require("antd");
+const AntdInput = React.forwardRef(
+  ({ size = "large", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { ref, size, ...props });
+  }
+);
+AntdInput.displayName = "AntdInput";
+exports.AntdInput = AntdInput;
+//# sourceMappingURL=AntdInput.cjs.map

package/dist/src/components/input/AntdInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AntdInput.cjs","sources":["../../../../src/components/input/AntdInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Input as RawAntDInput } from 'antd'\nimport type { InputProps as AntDInputProps, InputRef } from 'antd'\n\ntype AntdInputProps = Expand<AntDInputProps>\n\nexport type { InputRef }\n\nexport const AntdInput = forwardRef<InputRef, AntdInputProps>(\n  ({ size = 'large', ...props }, ref) => {\n    return <RawAntDInput ref={ref} size={size} {...props} />\n  }\n)\n\nAntdInput.displayName = 'AntdInput'\n"],"names":["forwardRef","jsx","RawAntDInput"],"mappings":";;;;;AAQO,MAAM,YAAYA,MAAAA;AAAAA,EACvB,CAAC,EAAE,OAAO,SAAS,GAAG,MAAA,GAAS,QAAQ;AACrC,WAAOC,2BAAAA,IAACC,KAAAA,OAAA,EAAa,KAAU,MAAa,GAAG,OAAO;AAAA,EACxD;AACF;AAEA,UAAU,cAAc;;"}

package/dist/src/components/input/AntdInput.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Input } from "antd";
+const AntdInput = forwardRef(
+  ({ size = "large", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Input, { ref, size, ...props });
+  }
+);
+AntdInput.displayName = "AntdInput";
+export {
+  AntdInput
+};
+//# sourceMappingURL=AntdInput.js.map

package/dist/src/components/input/AntdInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AntdInput.js","sources":["../../../../src/components/input/AntdInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Input as RawAntDInput } from 'antd'\nimport type { InputProps as AntDInputProps, InputRef } from 'antd'\n\ntype AntdInputProps = Expand<AntDInputProps>\n\nexport type { InputRef }\n\nexport const AntdInput = forwardRef<InputRef, AntdInputProps>(\n  ({ size = 'large', ...props }, ref) => {\n    return <RawAntDInput ref={ref} size={size} {...props} />\n  }\n)\n\nAntdInput.displayName = 'AntdInput'\n"],"names":["RawAntDInput"],"mappings":";;;AAQO,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,OAAO,SAAS,GAAG,MAAA,GAAS,QAAQ;AACrC,WAAO,oBAACA,OAAA,EAAa,KAAU,MAAa,GAAG,OAAO;AAAA,EACxD;AACF;AAEA,UAAU,cAAc;"}

package/dist/src/components/input/AntdSearchInput.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const antd = require("antd");
+const AntdSearchInput = React.forwardRef(
+  ({ size = "large", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Input.Search, { ref, size, ...props });
+  }
+);
+AntdSearchInput.displayName = "AntdSearchInput";
+exports.AntdSearchInput = AntdSearchInput;
+//# sourceMappingURL=AntdSearchInput.cjs.map

package/dist/src/components/input/AntdSearchInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AntdSearchInput.cjs","sources":["../../../../src/components/input/AntdSearchInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Input as RawAntDInput } from 'antd'\nimport type { InputRef } from 'antd'\nimport type { SearchProps as AntDSearchProps } from 'antd/es/input/Search'\n\ntype AntdSearchInputProps = Expand<AntDSearchProps>\n\nexport const AntdSearchInput = forwardRef<InputRef, AntdSearchInputProps>(\n  ({ size = 'large', ...props }, ref) => {\n    return <RawAntDInput.Search ref={ref} size={size} {...props} />\n  }\n)\n\nAntdSearchInput.displayName = 'AntdSearchInput'\n"],"names":["forwardRef","RawAntDInput"],"mappings":";;;;;AAOO,MAAM,kBAAkBA,MAAAA;AAAAA,EAC7B,CAAC,EAAE,OAAO,SAAS,GAAG,MAAA,GAAS,QAAQ;AACrC,0CAAQC,KAAAA,MAAa,QAAb,EAAoB,KAAU,MAAa,GAAG,OAAO;AAAA,EAC/D;AACF;AAEA,gBAAgB,cAAc;;"}

package/dist/src/components/input/AntdSearchInput.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Input } from "antd";
+const AntdSearchInput = forwardRef(
+  ({ size = "large", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Input.Search, { ref, size, ...props });
+  }
+);
+AntdSearchInput.displayName = "AntdSearchInput";
+export {
+  AntdSearchInput
+};
+//# sourceMappingURL=AntdSearchInput.js.map

package/dist/src/components/input/AntdSearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AntdSearchInput.js","sources":["../../../../src/components/input/AntdSearchInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Input as RawAntDInput } from 'antd'\nimport type { InputRef } from 'antd'\nimport type { SearchProps as AntDSearchProps } from 'antd/es/input/Search'\n\ntype AntdSearchInputProps = Expand<AntDSearchProps>\n\nexport const AntdSearchInput = forwardRef<InputRef, AntdSearchInputProps>(\n  ({ size = 'large', ...props }, ref) => {\n    return <RawAntDInput.Search ref={ref} size={size} {...props} />\n  }\n)\n\nAntdSearchInput.displayName = 'AntdSearchInput'\n"],"names":["RawAntDInput"],"mappings":";;;AAOO,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,OAAO,SAAS,GAAG,MAAA,GAAS,QAAQ;AACrC,+BAAQA,MAAa,QAAb,EAAoB,KAAU,MAAa,GAAG,OAAO;AAAA,EAC/D;AACF;AAEA,gBAAgB,cAAc;"}

package/dist/src/components/input/Input.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const formikAntd = require("formik-antd");
+const Input = ({ size = "large", ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(formikAntd.Input, { size, ...props });
+};
+exports.Input = Input;
+//# sourceMappingURL=Input.cjs.map

package/dist/src/components/input/Input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.cjs","sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import { Input as FormikAntdInput, InputProps } from 'formik-antd'\ntype Props = Expand<InputProps>\n\nexport const Input = ({ size = 'large', ...props }: Props) => {\n  return <FormikAntdInput size={size} {...props} />\n}\n"],"names":["jsx","FormikAntdInput"],"mappings":";;;;AAGO,MAAM,QAAQ,CAAC,EAAE,OAAO,SAAS,GAAG,YAAmB;AAC5D,SAAOA,2BAAAA,IAACC,WAAAA,OAAA,EAAgB,MAAa,GAAG,MAAA,CAAO;AACjD;;"}

package/dist/src/components/input/Input.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { Input as Input$1 } from "formik-antd";
+const Input = ({ size = "large", ...props }) => {
+  return /* @__PURE__ */ jsx(Input$1, { size, ...props });
+};
+export {
+  Input
+};
+//# sourceMappingURL=Input.js.map

package/dist/src/components/input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import { Input as FormikAntdInput, InputProps } from 'formik-antd'\ntype Props = Expand<InputProps>\n\nexport const Input = ({ size = 'large', ...props }: Props) => {\n  return <FormikAntdInput size={size} {...props} />\n}\n"],"names":["FormikAntdInput"],"mappings":";;AAGO,MAAM,QAAQ,CAAC,EAAE,OAAO,SAAS,GAAG,YAAmB;AAC5D,SAAO,oBAACA,SAAA,EAAgB,MAAa,GAAG,MAAA,CAAO;AACjD;"}

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const formikAntd = require("formik-antd");
+const cx = require("classnames");
+const InputNumber_module = require("./InputNumber.module.css.cjs");
+const react = require("@phosphor-icons/react");
+const InputNumber = ({
+  size = "large",
+  step = 1,
+  name,
+  max,
+  min,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    formikAntd.InputNumber,
+    {
+      name,
+      max,
+      min,
+      step,
+      className: cx(InputNumber_module.default.j2InputNumber, props.className),
+      upHandler: /* @__PURE__ */ jsxRuntime.jsx(react.CaretUpIcon, { weight: "bold", size: 12 }),
+      downHandler: /* @__PURE__ */ jsxRuntime.jsx(react.CaretDownIcon, { weight: "bold", size: 12 }),
+      size,
+      ...props
+    }
+  );
+};
+exports.InputNumber = InputNumber;
+//# sourceMappingURL=InputNumber.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.cjs","sources":["../../../../src/components/inputnumber/InputNumber.tsx"],"sourcesContent":["import { InputNumber as FormikInputNumber, InputNumberProps } from 'formik-antd'\nimport cx from 'classnames'\nimport styles from './InputNumber.module.css'\nimport { CaretDownIcon, CaretUpIcon } from '@phosphor-icons/react'\ntype Props = Expand<InputNumberProps> & {\n  name: string\n  max?: number\n  min?: number\n  step?: number\n}\n\nexport const InputNumber = ({\n  size = 'large',\n  step = 1,\n  name,\n  max,\n  min,\n  ...props\n}: Props) => {\n  return (\n    <FormikInputNumber\n      name={name}\n      max={max}\n      min={min}\n      step={step}\n      className={cx(styles.j2InputNumber, props.className)}\n      upHandler={<CaretUpIcon weight=\"bold\" size={12} />}\n      downHandler={<CaretDownIcon weight=\"bold\" size={12} />}\n      size={size}\n      {...props}\n    />\n  )\n}\n"],"names":["jsx","FormikInputNumber","styles","CaretUpIcon","CaretDownIcon"],"mappings":";;;;;;;AAWO,MAAM,cAAc,CAAC;AAAA,EAC1B,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,SACEA,2BAAAA;AAAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAGC,mBAAAA,QAAO,eAAe,MAAM,SAAS;AAAA,MACnD,WAAWF,2BAAAA,IAACG,mBAAA,EAAY,QAAO,QAAO,MAAM,IAAI;AAAA,MAChD,aAAaH,2BAAAA,IAACI,qBAAA,EAAc,QAAO,QAAO,MAAM,IAAI;AAAA,MACpD;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;"}

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

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { InputNumber as InputNumber$1 } from "formik-antd";
+import cx from "classnames";
+import styles from "./InputNumber.module.css.js";
+import { CaretDownIcon, CaretUpIcon } from "@phosphor-icons/react";
+const InputNumber = ({
+  size = "large",
+  step = 1,
+  name,
+  max,
+  min,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    InputNumber$1,
+    {
+      name,
+      max,
+      min,
+      step,
+      className: cx(styles.j2InputNumber, props.className),
+      upHandler: /* @__PURE__ */ jsx(CaretUpIcon, { weight: "bold", size: 12 }),
+      downHandler: /* @__PURE__ */ jsx(CaretDownIcon, { weight: "bold", size: 12 }),
+      size,
+      ...props
+    }
+  );
+};
+export {
+  InputNumber
+};
+//# sourceMappingURL=InputNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.js","sources":["../../../../src/components/inputnumber/InputNumber.tsx"],"sourcesContent":["import { InputNumber as FormikInputNumber, InputNumberProps } from 'formik-antd'\nimport cx from 'classnames'\nimport styles from './InputNumber.module.css'\nimport { CaretDownIcon, CaretUpIcon } from '@phosphor-icons/react'\ntype Props = Expand<InputNumberProps> & {\n  name: string\n  max?: number\n  min?: number\n  step?: number\n}\n\nexport const InputNumber = ({\n  size = 'large',\n  step = 1,\n  name,\n  max,\n  min,\n  ...props\n}: Props) => {\n  return (\n    <FormikInputNumber\n      name={name}\n      max={max}\n      min={min}\n      step={step}\n      className={cx(styles.j2InputNumber, props.className)}\n      upHandler={<CaretUpIcon weight=\"bold\" size={12} />}\n      downHandler={<CaretDownIcon weight=\"bold\" size={12} />}\n      size={size}\n      {...props}\n    />\n  )\n}\n"],"names":["FormikInputNumber"],"mappings":";;;;;AAWO,MAAM,cAAc,CAAC;AAAA,EAC1B,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,OAAO,eAAe,MAAM,SAAS;AAAA,MACnD,WAAW,oBAAC,aAAA,EAAY,QAAO,QAAO,MAAM,IAAI;AAAA,MAChD,aAAa,oBAAC,eAAA,EAAc,QAAO,QAAO,MAAM,IAAI;AAAA,MACpD;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const j2InputNumber = "_j2InputNumber_1jmfn_1";
+const styles = {
+  j2InputNumber
+};
+exports.default = styles;
+exports.j2InputNumber = j2InputNumber;
+//# sourceMappingURL=InputNumber.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,9 @@
+const j2InputNumber = "_j2InputNumber_1jmfn_1";
+const styles = {
+  j2InputNumber
+};
+export {
+  styles as default,
+  j2InputNumber
+};
+//# sourceMappingURL=InputNumber.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,52 @@
+"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
+      }
+    )
+  ] });
+};
+exports.LegacyNavMenu = LegacyNavMenu;
+//# sourceMappingURL=LegacyNavMenu.cjs.map

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

@@ -0,0 +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;;"}

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

@@ -0,0 +1,52 @@
+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 { 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
+      }
+    )
+  ] });
+};
+export {
+  LegacyNavMenu
+};
+//# sourceMappingURL=LegacyNavMenu.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,48 @@
+"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
+};
+exports.active = active;
+exports.default = styles;
+exports.logo = logo;
+exports.logoContainer = logoContainer;
+exports.logoLink = logoLink;
+exports.logoSection = logoSection;
+exports.navContainer = navContainer;
+exports.navContent = navContent;
+exports.navItem = navItem;
+exports.navItemIcon = navItemIcon;
+exports.navItemLabel = navItemLabel;
+exports.navSection = navSection;
+exports.sectionHeader = sectionHeader;
+exports.sectionItems = sectionItems;
+exports.sectionTitle = sectionTitle;
+//# sourceMappingURL=LegacyNavMenu.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyNavMenu.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,48 @@
+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
+};
+export {
+  active,
+  styles as default,
+  logo,
+  logoContainer,
+  logoLink,
+  logoSection,
+  navContainer,
+  navContent,
+  navItem,
+  navItemIcon,
+  navItemLabel,
+  navSection,
+  sectionHeader,
+  sectionItems,
+  sectionTitle
+};
+//# sourceMappingURL=LegacyNavMenu.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyNavMenu.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +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"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+exports.UserProfile = UserProfile;
+//# sourceMappingURL=UserProfile.cjs.map

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

@@ -0,0 +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;;"}