@j2-health/design-system 0.2.0 → 0.2.1

package/dist/src/components/filterform/useFiltersForm.js

@@ -0,0 +1,160 @@
+import { useReducer } from "react";
+import cloneDeep from "lodash/cloneDeep.js";
+import { isEmptyFormFilter } from "./filterHelpers.js";
+const copyFilterGroups = (filterGroups) => {
+  return cloneDeep(filterGroups);
+};
+const addFilter = (filter, filterGroups) => {
+  const copy = copyFilterGroups(filterGroups);
+  const filterGroupIndex = copy.findIndex(
+    (filterGroup) => filterGroup.field === filter.field
+  );
+  if (filterGroupIndex === -1) {
+    copy.push({ field: filter.field, filters: [filter] });
+  } else {
+    copy[filterGroupIndex].filters.push(filter);
+  }
+  return copy;
+};
+const removeFilter = (groupIndex, filterIndex, filterGroups) => {
+  const copy = copyFilterGroups(filterGroups);
+  copy[groupIndex].filters.splice(filterIndex, 1);
+  return copy.filter((group) => group.filters.length > 0);
+};
+const filterFormReducer = (state, action) => {
+  var _a;
+  switch (action.type) {
+    case "initialize": {
+      const filterGroups = (_a = action.payload) == null ? void 0 : _a.filters.reduce(
+        (acc, filter) => {
+          return addFilter(filter, acc);
+        },
+        [...state.filterGroups]
+      );
+      return {
+        ...state,
+        filterGroups: filterGroups ?? [],
+        isNewFilterInputOpen: !(filterGroups == null ? void 0 : filterGroups.length)
+      };
+    }
+    case "openNewFilterInput": {
+      return {
+        ...state,
+        isNewFilterInputOpen: true
+      };
+    }
+    case "addNewFilter": {
+      if (action.payload.errors && action.payload.errors.length > 0) {
+        return state;
+      }
+      const filterGroups = addFilter(action.payload, state.filterGroups);
+      return {
+        ...state,
+        filterGroups,
+        newFilter: void 0,
+        isNewFilterInputOpen: false
+      };
+    }
+    case "changeNewFilter": {
+      return {
+        ...state,
+        newFilter: action.payload
+      };
+    }
+    case "removeNewFilter": {
+      const allFiltersRemoved = state.filterGroups.every(
+        (group) => group.filters.length === 0
+      );
+      return {
+        ...state,
+        newFilter: void 0,
+        isNewFilterInputOpen: allFiltersRemoved
+      };
+    }
+    case "updateFilter": {
+      const { groupIndex, filterIndex, filter } = action.payload;
+      let filterGroups = copyFilterGroups(state.filterGroups);
+      const groupField = filterGroups[groupIndex].field;
+      if (groupField === filter.field) {
+        filterGroups[groupIndex].filters[filterIndex] = filter;
+      } else {
+        filterGroups = removeFilter(groupIndex, filterIndex, filterGroups);
+        filterGroups = addFilter(filter, filterGroups);
+      }
+      return {
+        ...state,
+        filterGroups
+      };
+    }
+    case "changeFilter": {
+      const { groupIndex, filterIndex, filter } = action.payload;
+      const filterGroups = copyFilterGroups(state.filterGroups);
+      const group = filterGroups[groupIndex];
+      if (group) {
+        group.filters[filterIndex] = filter;
+      }
+      return {
+        ...state,
+        filterGroups
+      };
+    }
+    case "removeFilter": {
+      const { groupIndex, filterIndex } = action.payload;
+      const filterGroups = removeFilter(
+        groupIndex,
+        filterIndex,
+        state.filterGroups
+      );
+      return {
+        ...state,
+        filterGroups,
+        isNewFilterInputOpen: state.isNewFilterInputOpen || filterGroups.length === 0
+      };
+    }
+    case "clearAllFilters": {
+      return {
+        ...state,
+        filterGroups: [],
+        isNewFilterInputOpen: true
+      };
+    }
+    default:
+      return state;
+  }
+};
+const useFiltersForm = ({
+  initialValues
+}) => {
+  const [{ filterGroups, newFilter, isNewFilterInputOpen }, dispatch] = useReducer(
+    filterFormReducer,
+    {
+      filterGroups: [],
+      newFilter: void 0,
+      isNewFilterInputOpen: true
+    },
+    (state) => {
+      return filterFormReducer(state, {
+        type: "initialize",
+        payload: initialValues
+      });
+    }
+  );
+  const isValid = (filterGroups.length === 0 || filterGroups.every(
+    (group) => group.filters.every(
+      (filter) => filter.errors && filter.errors.length === 0
+    )
+  )) && ((newFilter == null ? void 0 : newFilter.errors) ? newFilter.errors.length === 0 : true);
+  const isEmpty = filterGroups.length === 0 && (newFilter ? isEmptyFormFilter(newFilter) : true);
+  return {
+    dispatch,
+    filterGroups,
+    newFilter,
+    isNewFilterInputOpen,
+    isValid,
+    isEmpty
+  };
+};
+export {
+  useFiltersForm
+};
+//# sourceMappingURL=useFiltersForm.js.map

package/dist/src/components/filterform/useFiltersForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiltersForm.js","sources":["../../../../src/components/filterform/useFiltersForm.ts"],"sourcesContent":["import { useReducer } from 'react'\nimport { FilterForm, FilterGroup, FormFilter } from './types'\n// Deep import, not `import { cloneDeep } from 'lodash'`: lodash is CommonJS\n// and Node cannot statically detect its named exports, so the bundled\n// package throws \"Named export 'cloneDeep' not found\" when a consumer\n// loads it through native Node ESM (SSR, or vitest without a bundler).\nimport cloneDeep from 'lodash/cloneDeep.js'\nimport { isEmptyFormFilter } from './filterHelpers'\n\ntype UseFiltersFormInput = {\n  initialValues?: FilterForm\n}\n\ntype UseFiltersFormOutput = {\n  dispatch: (action: Action) => void\n  filterGroups: FilterGroup[]\n  newFilter: FormFilter | undefined\n  isNewFilterInputOpen: boolean\n  isValid: boolean\n  isEmpty: boolean\n}\n\ntype FilterFormState = {\n  filterGroups: FilterGroup[]\n  newFilter: FormFilter | undefined\n  isNewFilterInputOpen: boolean\n}\n\ntype InitializeAction = {\n  type: 'initialize'\n  payload: FilterForm | undefined\n}\n\ntype OpenNewFilterInputAction = {\n  type: 'openNewFilterInput'\n}\n\ntype AddNewFilterAction = {\n  type: 'addNewFilter'\n  payload: FormFilter\n}\n\ntype ChangeNewFilterAction = {\n  type: 'changeNewFilter'\n  payload: FormFilter\n}\n\ntype RemoveNewFilterAction = {\n  type: 'removeNewFilter'\n}\n\ntype ClearAllFiltersAction = {\n  type: 'clearAllFilters'\n}\n\ntype UpdateFilterAction = {\n  type: 'updateFilter'\n  payload: {\n    groupIndex: number\n    filterIndex: number\n    filter: FormFilter\n  }\n}\n\ntype ChangeFilterAction = {\n  type: 'changeFilter'\n  payload: {\n    groupIndex: number\n    filterIndex: number\n    filter: FormFilter\n  }\n}\n\ntype RemoveFilterAction = {\n  type: 'removeFilter'\n  payload: {\n    groupIndex: number\n    filterIndex: number\n  }\n}\n\ntype Action =\n  | AddNewFilterAction\n  | UpdateFilterAction\n  | ClearAllFiltersAction\n  | ChangeNewFilterAction\n  | OpenNewFilterInputAction\n  | ChangeFilterAction\n  | RemoveFilterAction\n  | InitializeAction\n  | RemoveNewFilterAction\n\nconst copyFilterGroups = (filterGroups: FilterGroup[]): FilterGroup[] => {\n  return cloneDeep(filterGroups)\n}\n\nconst addFilter = (\n  filter: FormFilter,\n  filterGroups: FilterGroup[]\n): FilterGroup[] => {\n  const copy = copyFilterGroups(filterGroups)\n  const filterGroupIndex = copy.findIndex(\n    (filterGroup) => filterGroup.field === filter.field\n  )\n\n  if (filterGroupIndex === -1) {\n    copy.push({ field: filter.field, filters: [filter] })\n  } else {\n    copy[filterGroupIndex].filters.push(filter)\n  }\n\n  return copy\n}\n\nconst removeFilter = (\n  groupIndex: number,\n  filterIndex: number,\n  filterGroups: FilterGroup[]\n): FilterGroup[] => {\n  const copy = copyFilterGroups(filterGroups)\n  copy[groupIndex].filters.splice(filterIndex, 1)\n\n  return copy.filter((group) => group.filters.length > 0)\n}\n\nconst filterFormReducer = (state: FilterFormState, action: Action) => {\n  switch (action.type) {\n    case 'initialize': {\n      const filterGroups = action.payload?.filters.reduce(\n        (acc, filter) => {\n          return addFilter(filter, acc)\n        },\n        [...state.filterGroups]\n      )\n\n      return {\n        ...state,\n        filterGroups: filterGroups ?? [],\n        isNewFilterInputOpen: !filterGroups?.length,\n      }\n    }\n    case 'openNewFilterInput': {\n      return {\n        ...state,\n        isNewFilterInputOpen: true,\n      }\n    }\n    case 'addNewFilter': {\n      if (action.payload.errors && action.payload.errors.length > 0) {\n        return state\n      }\n\n      const filterGroups = addFilter(action.payload, state.filterGroups)\n\n      return {\n        ...state,\n        filterGroups,\n        newFilter: undefined,\n        isNewFilterInputOpen: false,\n      }\n    }\n    case 'changeNewFilter': {\n      return {\n        ...state,\n        newFilter: action.payload,\n      }\n    }\n    case 'removeNewFilter': {\n      const allFiltersRemoved = state.filterGroups.every(\n        (group) => group.filters.length === 0\n      )\n      return {\n        ...state,\n        newFilter: undefined,\n        isNewFilterInputOpen: allFiltersRemoved,\n      }\n    }\n    case 'updateFilter': {\n      const { groupIndex, filterIndex, filter } = action.payload\n      let filterGroups = copyFilterGroups(state.filterGroups)\n      const groupField = filterGroups[groupIndex].field\n\n      if (groupField === filter.field) {\n        filterGroups[groupIndex].filters[filterIndex] = filter\n      } else {\n        filterGroups = removeFilter(groupIndex, filterIndex, filterGroups)\n        filterGroups = addFilter(filter, filterGroups)\n      }\n\n      return {\n        ...state,\n        filterGroups,\n      }\n    }\n    case 'changeFilter': {\n      const { groupIndex, filterIndex, filter } = action.payload\n      const filterGroups = copyFilterGroups(state.filterGroups)\n      const group = filterGroups[groupIndex]\n      if (group) {\n        group.filters[filterIndex] = filter\n      }\n\n      return {\n        ...state,\n        filterGroups,\n      }\n    }\n    case 'removeFilter': {\n      const { groupIndex, filterIndex } = action.payload\n\n      const filterGroups = removeFilter(\n        groupIndex,\n        filterIndex,\n        state.filterGroups\n      )\n\n      return {\n        ...state,\n        filterGroups,\n        isNewFilterInputOpen:\n          state.isNewFilterInputOpen || filterGroups.length === 0,\n      }\n    }\n    case 'clearAllFilters': {\n      return {\n        ...state,\n        filterGroups: [],\n        isNewFilterInputOpen: true,\n      }\n    }\n    default:\n      return state\n  }\n}\n\nexport const useFiltersForm = ({\n  initialValues,\n}: UseFiltersFormInput): UseFiltersFormOutput => {\n  const [{ filterGroups, newFilter, isNewFilterInputOpen }, dispatch] =\n    useReducer(\n      filterFormReducer,\n      {\n        filterGroups: [],\n        newFilter: undefined,\n        isNewFilterInputOpen: true,\n      },\n      (state) => {\n        return filterFormReducer(state, {\n          type: 'initialize',\n          payload: initialValues,\n        })\n      }\n    )\n\n  const isValid =\n    (filterGroups.length === 0 ||\n      filterGroups.every((group) =>\n        group.filters.every(\n          (filter) => filter.errors && filter.errors.length === 0\n        )\n      )) &&\n    (newFilter?.errors ? newFilter.errors.length === 0 : true)\n\n  const isEmpty =\n    filterGroups.length === 0 &&\n    (newFilter ? isEmptyFormFilter(newFilter) : true)\n\n  return {\n    dispatch,\n    filterGroups,\n    newFilter,\n    isNewFilterInputOpen,\n    isValid,\n    isEmpty,\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/src/components/form/Form.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const formikAntd = require("formik-antd");
+;/* empty css           */
+const Form = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(formikAntd.Form, { ...props, children });
+};
+Form.Item = formikAntd.FormItem;
+exports.Form = Form;
+//# sourceMappingURL=Form.cjs.map

package/dist/src/components/form/Form.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.cjs","sources":["../../../../src/components/form/Form.tsx"],"sourcesContent":["import { FormProps } from 'antd'\nimport { Form as AntdForm, FormItem } from 'formik-antd'\nimport './Form.css'\n\ntype Props = Expand<FormProps>\n\nexport const Form = ({ children, ...props }: Props) => {\n  return <AntdForm {...props}>{children}</AntdForm>\n}\n\nForm.Item = FormItem\n"],"names":["jsx","AntdForm","FormItem"],"mappings":";;;;;AAMO,MAAM,OAAO,CAAC,EAAE,UAAU,GAAG,YAAmB;AACrD,SAAOA,2BAAAA,IAACC,WAAAA,MAAA,EAAU,GAAG,OAAQ,SAAA,CAAS;AACxC;AAEA,KAAK,OAAOC,WAAAA;;"}

package/dist/src/components/form/Form.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Form as Form$1, FormItem } from "formik-antd";
+/* empty css         */
+const Form = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx(Form$1, { ...props, children });
+};
+Form.Item = FormItem;
+export {
+  Form
+};
+//# sourceMappingURL=Form.js.map

package/dist/src/components/form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../../src/components/form/Form.tsx"],"sourcesContent":["import { FormProps } from 'antd'\nimport { Form as AntdForm, FormItem } from 'formik-antd'\nimport './Form.css'\n\ntype Props = Expand<FormProps>\n\nexport const Form = ({ children, ...props }: Props) => {\n  return <AntdForm {...props}>{children}</AntdForm>\n}\n\nForm.Item = FormItem\n"],"names":["AntdForm"],"mappings":";;;AAMO,MAAM,OAAO,CAAC,EAAE,UAAU,GAAG,YAAmB;AACrD,SAAO,oBAACA,QAAA,EAAU,GAAG,OAAQ,SAAA,CAAS;AACxC;AAEA,KAAK,OAAO;"}

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;"}