opus-toolkit-components 1.5.6 → 1.5.8

package/lib/opus-components.main.js

@@ -2,25 +2,6 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 20:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-var __webpack_unused_export__;
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var f=__webpack_require__(206),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
-function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}__webpack_unused_export__=l;exports.jsx=q;exports.jsxs=q;
-
-
-/***/ }),
-
 /***/ 56:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -580,19 +561,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, ``, "",{"version":3,"sources":[],"names
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
-/***/ }),
-
-/***/ 848:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-
-
-if (true) {
-  module.exports = __webpack_require__(20);
-} else // removed by dead control flow
-{}
-
-
 /***/ }),
 
 /***/ 908:
@@ -1148,8 +1116,8 @@ function ChevronDownIcon({
 }
 const ChevronDownIcon_ForwardRef = /*#__PURE__*/ external_commonjs_react_commonjs2_react_amd_react_root_React_.forwardRef(ChevronDownIcon);
 /* harmony default export */ const esm_ChevronDownIcon = (ChevronDownIcon_ForwardRef);
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(848);
+;// external "react/jsx-runtime"
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 ;// ./src/components/Pills/Pill.jsx
 
 
@@ -1170,9 +1138,9 @@ const Pill = _ref => {
   } = _ref;
   const baseClasses = 'inline-flex items-center gap-1 text-xs font-medium px-3 py-1 rounded-full';
   const statusClass = statusClasses[status] || statusClasses.info;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("span", {
     className: "".concat(baseClasses, " ").concat(statusClass, " ").concat(className),
-    children: [Icon && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+    children: [Icon && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Icon, {
       className: "w-4 h-4"
     }), text]
   });
@@ -1238,7 +1206,7 @@ function Text(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   const Component = as || elementMap[variant] || "p";
   const variantClass = variantMap[variant] || variantMap.body;
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(Component, _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Component, _objectSpread(_objectSpread({
     className: "".concat(variantClass, " ").concat(color, " ").concat(className),
     "data-cy": getDataCy({
       name,
@@ -1291,48 +1259,48 @@ const Accordion = _ref => {
       setInternalActiveIndex(activeIndex);
     }
   }, [activeIndex]);
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
     id: "accordion-".concat(index),
     className: "accordion w-full border border-[--color-stroke] shadow-lg ".concat(disabled ? "pointer-events-none opacity-50" : "", " rounded-lg"),
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
       className: "accordion-item",
-      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
         onClick: !isPreview && !isLocked ? toggle : null,
         className: "accordion-header flex items-center justify-between rounded-t-lg bg-[--color-accordion-header] ".concat(isActive || isPreview ? "" : "rounded-b-lg", " hover: ").concat(!isLocked ? "cursor-pointer" : null, " "),
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
           className: "flex items-center justify-between gap-2",
-          children: /*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+          children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
             as: "h2",
             variant: "h2",
             className: "text-h4 mx-4 my-2 text-[--color-text-strong]",
             children: title
           })
-        }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
           className: "flex items-center gap-4",
-          children: [isPill && /*#__PURE__*/(0,jsx_runtime.jsx)(Pills_Pill, {
+          children: [isPill && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Pills_Pill, {
             text: pillText,
             status: pillStatus,
             icon: pillIcon
-          }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
             className: "border-0 ".concat(!isLocked && "cursor-pointer border-l-2", " border-solid border-[--color-stroke] p-4"),
             onClick: !isLocked ? toggle : null // toggle only here
             ,
-            children: isPreview && !isLocked ? /*#__PURE__*/(0,jsx_runtime.jsx)(esm_PencilSquareIcon, {
+            children: isPreview && !isLocked ? /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(esm_PencilSquareIcon, {
               className: "h-5 w-5 text-[--color-text-strong]",
               onClick: e => {
                 e.stopPropagation(); // prevent toggle from firing on pencil click
                 onExitPreview(); // trigger exit preview
               }
-            }) : !isLocked ? /*#__PURE__*/(0,jsx_runtime.jsx)(esm_ChevronDownIcon, {
+            }) : !isLocked ? /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(esm_ChevronDownIcon, {
               className: "h-4 w-4 transform text-[--color-text-strong] transition-transform ".concat(isActive ? "rotate-180" : "rotate-0")
             }) : null
           })]
         })]
       })
-    }, index), isActive && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    }, index), isActive && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
       className: "accordion-body rounded-b-lg border-0 border-t-2 border-solid border-[--color-stroke] bg-[--color-accordion-body] p-3 text-[--color-text-weak]",
       children: content
-    }), isPreview && activeIndex !== index && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    }), isPreview && activeIndex !== index && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
       className: "accordion-body rounded-b-lg border-0 border-t-2 border-solid border-[--color-stroke] bg-[--color-accordion-body] p-3 text-[--color-text-weak]",
       children: preview
     })]
@@ -4217,7 +4185,7 @@ function Button(_ref) {
 
   // Main button class names
   const classNames = " \n    ".concat(state === "disabled" || isSaving ? disabledStyles : rankStyles[rank] || rankStyles.primary, "\n    group \n    transition \n    ease-in-out \n    duration-700 \n    rounded-md\n    hover:shadow-lg\n    px-5 \n    py-1.5 \n    text-").concat(size, " \n    flex \n    items-center \n    justify-center \n    whitespace-nowrap // Prevents text wrapping\n    ").concat(isFullWidth ? "w-full" : "", "\n    ").concat(className, "\n  ");
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("button", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("button", {
     type: type,
     title: title,
     name: name,
@@ -4230,14 +4198,14 @@ function Button(_ref) {
     }),
     onClick: !isSaving && state !== "disabled" ? onClick : null,
     disabled: isSaving || state === "disabled",
-    children: [isSaving ? /*#__PURE__*/(0,jsx_runtime.jsx)(AiOutlineLoading3Quarters, {
+    children: [isSaving ? /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(AiOutlineLoading3Quarters, {
       className: iconClassNames
-    }) : iconPosition === "left" && Icon && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+    }) : iconPosition === "left" && Icon && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Icon, {
       className: iconClassNames
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+    }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("span", {
       className: isSaving ? "ml-2" : "",
       children: isSaving ? savingText : text
-    }), !isSaving && iconPosition === "right" && Icon && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+    }), !isSaving && iconPosition === "right" && Icon && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Icon, {
       className: iconClassNames
     })]
   });
@@ -4266,7 +4234,7 @@ function Card(_ref) {
   };
   const resolvedIntent = intent || 'default';
   const cardClasses = dist_clsx('p-5', 'rounded-lg', 'shadow-lg', 'border-2 border-solid border-[--color-stroke]', intentClasses[resolvedIntent], className);
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
     className: cardClasses,
     children: children
   });
@@ -4314,27 +4282,27 @@ const Input = /*#__PURE__*/(0,external_commonjs_react_commonjs2_react_amd_react_
   } = _ref;
   const inputClasses = "".concat(className, " flex items-center rounded-md bg-[--color-input-bg] border ").concat(isValid ? 'border-[--color-stroke]' : 'border-utilRed1000', " text-md font-normal text-[--color-text-strong] ").concat(disabled ? 'opacity-50 cursor-not-allowed' : '');
   const iconClasses = "h-5 w-5 ".concat(isAnimated ? 'transition-transform duration-200 group-focus-within:scale-125' : '', " text-[--color-text-weak]");
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
     className: "flex flex-col mb-4",
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(Text, {
+    children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(Text, {
       as: "label",
       variant: "label",
       htmlFor: name,
       className: "mb-1 flex items-center",
-      children: [label, required && /*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+      children: [label, required && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
         as: "span",
         variant: "small",
         className: "text-[--color-util-red] ml-1",
         children: "*"
       })]
-    }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
       className: "".concat(inputClasses, " relative"),
-      children: [Icon && iconPosition === 'left' && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      children: [Icon && iconPosition === 'left' && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("span", {
         className: "absolute left-3 flex items-center pointer-events-none",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+        children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Icon, {
           className: iconClasses
         })
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("input", {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("input", {
         id: name,
         ref: ref,
         className: "w-full ".concat(Icon ? iconPosition === 'left' ? 'pl-10' : 'pr-10' : '', " bg-[--color-input-bg] border-none focus:ring-0 focus:outline-none rounded-md py-2 px-3"),
@@ -4353,13 +4321,13 @@ const Input = /*#__PURE__*/(0,external_commonjs_react_commonjs2_react_amd_react_
         }),
         "aria-invalid": !isValid,
         "aria-describedby": !isValid ? "".concat(name, "-error") : undefined
-      }), Icon && iconPosition === 'right' && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      }), Icon && iconPosition === 'right' && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("span", {
         className: "absolute right-3 flex items-center pointer-events-none",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+        children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Icon, {
           className: iconClasses
         })
       })]
-    }), !isValid && /*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+    }), !isValid && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
       as: "span",
       variant: "small",
       id: "".concat(name, "-error"),
@@ -4492,18 +4460,18 @@ function DatePicker(_ref) {
       inputRef.current.showPicker();
     }
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
     className: "relative flex flex-col mb-4",
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(Text, {
+    children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(Text, {
       as: "label",
       variant: "label",
       htmlFor: name,
       className: "mb-1",
-      children: [label, required && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      children: [label, required && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("span", {
         className: "text-[--color-util-red] ml-1",
         children: "*"
       })]
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("input", {
+    }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("input", {
       type: "date",
       id: name,
       name: name,
@@ -4520,16 +4488,16 @@ function DatePicker(_ref) {
       "aria-invalid": !isValid,
       "aria-describedby": !isValid ? "".concat(name, "-error") : undefined,
       className: "w-full py-2 px-3 pr-10 rounded-md bg-[--color-input-bg] border ".concat(isValid ? 'border-[--color-stroke]' : 'border-[--color-util-red]', " text-md font-normal text-[--color-text-strong] ").concat(disabled ? 'opacity-50 cursor-not-allowed' : '', " ").concat(className)
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+    }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("button", {
       type: "button",
       onClick: handleIconClick,
       className: "absolute top-1/2 mt-1 right-3 transform datepicker-icon-button",
       "aria-label": "Open date picker",
       disabled: disabled,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(esm_CalendarIcon, {
+      children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(esm_CalendarIcon, {
         className: "w-5 h-5 ".concat(disabled ? 'text-[--color-text-disabled]' : 'text-[--color-text-weak] hover:text-[--color-primary-btn-hover]', " transition")
       })
-    }), !isValid && /*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+    }), !isValid && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
       as: "span",
       id: "".concat(name, "-error"),
       variant: "small",
@@ -4582,26 +4550,26 @@ const RadioButton = _ref => {
     };
     onChange === null || onChange === void 0 || onChange(event);
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
     className: "mb-4 flex flex-col ".concat(className),
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(Text, {
+    children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(Text, {
       as: "label",
       variant: "label",
       className: "mb-2 flex items-center text-[--color-text-strong]",
-      children: [label, required && /*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+      children: [label, required && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
         as: "span",
         variant: "small",
         className: "ml-1 text-[--color-util-red]",
         children: "*"
       })]
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
       className: "flex flex-wrap gap-4 md:flex-nowrap md:gap-0 md:space-x-4",
       children: options.map(option => {
         const id = "".concat(name, "-").concat(option.value);
-        return /*#__PURE__*/(0,jsx_runtime.jsxs)("label", {
+        return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("label", {
           htmlFor: id,
           className: "mb-1 flex items-center whitespace-break-spaces rounded-lg border px-4 py-2 text-center transition duration-200 hover:border-[--color-primary-btn] ".concat(selectedValue === option.value ? "border-[--color-stroke] bg-[--color-primary-btn] text-[--color-white]" : "bg-[--color-input-bg] text-[--color-text-strong] ".concat(!isValid && selectedValue === "" ? "border-[--color-util-red]" : "border-[--color-stroke]"), " ").concat(disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"),
-          children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", {
+          children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("input", {
             id: id,
             type: "radio",
             tabIndex: tabIndex,
@@ -4621,7 +4589,7 @@ const RadioButton = _ref => {
           }), option.label]
         }, option.value);
       })
-    }), !isValid && /*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+    }), !isValid && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
       as: "span",
       variant: "small",
       id: "".concat(name, "-error"),
@@ -4652,11 +4620,11 @@ function Checkbox(_ref) {
   const id = "checkbox-".concat(name);
   const errorId = "".concat(id, "-error");
   const showError = !isValid && errorMessage;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
     className: "flex flex-col mb-4",
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
       className: "flex items-center",
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", {
+      children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("input", {
         id: id,
         type: "checkbox",
         name: name,
@@ -4675,13 +4643,13 @@ function Checkbox(_ref) {
           accentColor: 'var(--color-primary-btn)'
         },
         className: "\n            mr-2 \n            rounded-sm\n            ".concat(disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer')
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
         variant: "label",
         as: "label",
         htmlFor: id,
         children: label
       })]
-    }), !isValid && errorMessage && /*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+    }), !isValid && errorMessage && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
       id: errorId,
       variant: "small",
       as: "span",
@@ -4734,25 +4702,25 @@ function Table(_ref) {
     headCellClassName = '',
     rowKeyExtractor = (row, index) => index
   } = _ref;
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
     className: "wrapper w-full ".concat(className),
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+    children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("table", {
       className: "\r min-w-full \r table-auto \r text-left \r border-collapse \r table",
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("thead", {
+      children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("thead", {
         className: "hidden sm:table-header-group",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
+        children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("tr", {
           className: "bg-[--color-table-head-bg] ".concat(headRowClassName),
-          children: data.map(column => /*#__PURE__*/(0,jsx_runtime.jsx)("th", {
+          children: data.map(column => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("th", {
             className: "\n                  border-b border-[--color-stroke] \n                  py-2 px-4 \n                  text-sm font-normal text-[--color-table-head-txt] ".concat(headCellClassName),
             children: column.header
           }, column.key))
         })
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("tbody", {
         children: rows.map((row, index) => {
           const backgroundClass = index % 2 === 0 ? 'bg-[--color-table-row-bg-even]' : 'bg-[--color-table-row-bg-odd]';
-          return /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
+          return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("tr", {
             className: "block \n                  sm:table-row \n                  mb-4 sm:mb-0 \n                  rounded-lg sm:rounded-none \n                  border sm:border-0 border-[--color-stroke] \n                  p-4 sm:p-0 \n                  shadow-sm sm:shadow-none \n                  hover:bg-[--color-table-row-bg-hover] ".concat(backgroundClass, " ").concat(rowClassName),
-            children: data.map(column => /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
+            children: data.map(column => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("td", {
               className: "\n                      block sm:table-cell \n                      lg:px-4 lg:py-2 \n                      text-sm text-[--color-text-weak] ".concat(cellClassName),
               "data-label": column.header,
               children: column.render ? column.render(row) : row[column.key]
@@ -13346,25 +13314,25 @@ function Dropdown(_ref) {
     };
     onChange === null || onChange === void 0 || onChange(event);
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
     className: "flex flex-col mb-4 ".concat(className),
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(Text, {
+    children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(Text, {
       as: "label",
       variant: "label",
       className: "mb-1",
       htmlFor: name,
-      children: [label, required && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      children: [label, required && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("span", {
         className: "ml-1 text-[--color-util-red]",
         children: "*"
       })]
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)(lo, {
+    }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(lo, {
       children: _ref2 => {
         let {
           open
         } = _ref2;
-        return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
           className: "relative",
-          children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(ft, {
+          children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(ft, {
             id: name,
             name: name,
             title: title,
@@ -13377,27 +13345,27 @@ function Dropdown(_ref) {
               dataCy
             }),
             className: inputClasses,
-            children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+            children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
               className: "flex items-center gap-2",
-              children: [Icon && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+              children: [Icon && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Icon, {
                 className: "h-5 w-5 text-[--color-text-weak]"
-              }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+              }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("span", {
                 children: selectedItem ? selectedItem.label : placeholder
               })]
-            }), /*#__PURE__*/(0,jsx_runtime.jsx)(solid_esm_ChevronDownIcon, {
+            }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(solid_esm_ChevronDownIcon, {
               "aria-hidden": "true",
               className: "ml-3 mr-1 h-5 w-5 text-[--color-text-strong] bg-transparent transition-transform duration-200 ".concat(open ? 'rotate-180' : 'rotate-0')
             })]
-          }), !disabled && /*#__PURE__*/(0,jsx_runtime.jsx)(yt, {
+          }), !disabled && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(yt, {
             className: "\r absolute \r left-0 \r z-10 \r mt-2 \r w-[100%] \r origin-top-right \r rounded-md \r bg-[--color-primary-bg] \r shadow-lg \r ring-1 \r ring-[--color-stroke] \r ring-opacity-1 \r focus:outline-none \r max-h-48 \r overflow-y-auto\r ",
-            children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
               className: "py-1",
-              children: items.map((item, index) => /*#__PURE__*/(0,jsx_runtime.jsx)(gt, {
+              children: items.map((item, index) => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(gt, {
                 children: _ref3 => {
                   let {
                     active
                   } = _ref3;
-                  return /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+                  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("button", {
                     type: "button",
                     onClick: () => handleSelect(item),
                     className: "block w-full px-4 py-2 text-left text-sm text-[--color-text-strong] ".concat(active ? 'bg-[--color-input-bg]' : ''),
@@ -13409,7 +13377,7 @@ function Dropdown(_ref) {
           })]
         });
       }
-    }), !isValid && /*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+    }), !isValid && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
       as: "span",
       variant: "small",
       id: "".concat(name, "-error"),
@@ -13468,19 +13436,19 @@ const Navbar = _ref => {
     className = "",
     maxWidth = "1200px"
   } = _ref;
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("nav", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("nav", {
     className: "navbar w-full bg-[--color-primary-bg] p-4 shadow-lg ".concat(className),
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
       className: "mx-auto flex w-full items-center justify-between",
       style: {
         maxWidth
       },
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+      children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("img", {
         src: logo || (c247_icon_only_png_default()),
         srcSet: "".concat((c247_icon_only_png_default()), " 1x, ").concat((c247_icon_only_2x_png_default()), " 2x"),
         alt: "Navbar Logo",
         className: "nav-logo h-10 w-auto"
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
         className: "right-content text-[--color-text-strong]",
         children: children
       })]
@@ -13507,17 +13475,17 @@ function Loader(_ref) {
     customLoader,
     className = ''
   } = _ref;
-  return isLoading && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return isLoading && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
     className: "fixed inset-0 z-50 flex items-center justify-center",
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
       className: "absolute inset-0 bg-[--color-primary-bg] opacity-70"
-    }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
       className: "relative z-10 flex flex-col items-center",
-      children: [customLoader ? customLoader : /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+      children: [customLoader ? customLoader : /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("img", {
         src: (c247_loader_gif_default()),
         alt: "Loading",
         className: "h-60"
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
         variant: "h4",
         className: "mt-4 animate-pulse text-center",
         children: loaderText
@@ -13581,43 +13549,43 @@ const Modal = _ref => {
 
   // ✅ Conditional render *after* hooks
   if (!isOpen) return null;
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
     className: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50",
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": "modal-title",
       "aria-describedby": "modal-description",
       className: "relative w-11/12 max-w-fit rounded-lg bg-[--color-primary-bg] p-6 shadow-xl ".concat(className),
-      children: [isLoading && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      children: [isLoading && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
         className: "absolute inset-0 z-10 flex flex-col items-center justify-center rounded-lg bg-[--color-primary-bg] ".concat(isLoading ? "opacity-1" : "pointer-events-none opacity-0"),
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(Loader, {
+        children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Loader, {
           isLoading: true,
           loaderText: loaderText,
           className: "relative z-20 h-[110px] w-[150px]"
         })
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
         className: "relative z-0 flex justify-end pb-3",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+        children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("button", {
           onClick: onClose,
           className: "text-[--color-text-strong] hover:cursor-pointer",
           "aria-label": "Close modal",
-          children: /*#__PURE__*/(0,jsx_runtime.jsx)(esm_XMarkIcon, {
+          children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(esm_XMarkIcon, {
             width: "24px",
             className: "text-[--color-text-strong]"
           })
         })
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
         className: "relative z-0 border-b border-[--color-stroke] pb-4 text-[--color-text-strong] ".concat(headerClassName),
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
           id: "modal-title",
           children: header
         })
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
         id: "modal-description",
         className: "relative z-0 my-4 text-[--color-text-weak]",
         children: body
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
         className: "relative z-0 text-[--color-text-weak] ".concat(footerClassName),
         children: footer
       })]
@@ -13669,31 +13637,31 @@ const CookieBanner = _ref => {
     }
   }, [imageLoaded, render]);
   if (!render) return null;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)(Card, {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(Card, {
     intent: intent,
     className: "items-center justify-between space-x-4 p-4 transition-all duration-300 ease-in-out md:flex ".concat(show ? "translate-y-0 opacity-100" : "translate-y-3 opacity-0", " "),
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
       className: "items-center md:flex",
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
         className: "flex-shrink-1 mr-4",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+        children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("img", {
           src: logo || (footer_logo_group_png_default()),
           srcSet: "".concat((footer_logo_group_png_default()), " 1x, ").concat((footer_logo_group_2x_png_default()), " 2x"),
           alt: "C247 Logo",
           className: "w-full object-contain",
           onLoad: () => setImageLoaded(true)
         })
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("p", {
         className: "mr-4",
         children: policyTxt
       })]
-    }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
       className: "flex items-center space-x-4",
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Button, {
+      children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Button, {
         rank: "primary",
         text: "Accept",
         onClick: onAccept
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)(Button, {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Button, {
         rank: "secondary",
         text: linkTxt,
         onClick: e => {
@@ -22306,16 +22274,16 @@ function Icon_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var
 
 
 
-const C247Billing = props => /*#__PURE__*/(0,jsx_runtime.jsx)(billing_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
-const C247Dashboard = props => /*#__PURE__*/(0,jsx_runtime.jsx)(dashboard_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
-const C247Deployment = props => /*#__PURE__*/(0,jsx_runtime.jsx)(deployment_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
-const C247Form = props => /*#__PURE__*/(0,jsx_runtime.jsx)(form_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
-const C247Planner = props => /*#__PURE__*/(0,jsx_runtime.jsx)(planner_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
-const C247Reports = props => /*#__PURE__*/(0,jsx_runtime.jsx)(reports_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
-const C247Screening = props => /*#__PURE__*/(0,jsx_runtime.jsx)(screening_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
-const C247Settings = props => /*#__PURE__*/(0,jsx_runtime.jsx)(settings_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
-const C247Support = props => /*#__PURE__*/(0,jsx_runtime.jsx)(support_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
-const C247Tasks = props => /*#__PURE__*/(0,jsx_runtime.jsx)(task_manage_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
+const C247Billing = props => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(billing_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
+const C247Dashboard = props => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(dashboard_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
+const C247Deployment = props => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(deployment_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
+const C247Form = props => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(form_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
+const C247Planner = props => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(planner_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
+const C247Reports = props => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(reports_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
+const C247Screening = props => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(screening_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
+const C247Settings = props => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(settings_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
+const C247Support = props => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(support_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
+const C247Tasks = props => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(task_manage_icon_svg_namespaceObject.ReactComponent, Icon_objectSpread({}, props));
 ;// ./src/components/Icon/Icon.jsx
 // Icon.jsx
 
@@ -22343,7 +22311,7 @@ const Icon = _ref => {
   } = _ref;
   const IconComponent = library === "hero" ? esm_namespaceObject[name] : Icon_namespaceObject[name];
   if (!IconComponent) return null;
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(IconComponent, {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(IconComponent, {
     className: className,
     width: size,
     height: size,
@@ -22374,23 +22342,23 @@ function SidebarItem(_ref) {
       onClick
     } = _ref,
     props = SidebarItem_objectWithoutProperties(_ref, SidebarItem_excluded);
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)(Component, SidebarItem_objectSpread(SidebarItem_objectSpread({
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(Component, SidebarItem_objectSpread(SidebarItem_objectSpread({
     onClick: onClick,
     className: "group relative flex cursor-pointer items-center justify-between p-4 transition-all duration-500 ease-in-out ".concat(active ? "bg-[--color-primary-hover]" : "", " ")
   }, props), {}, {
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
       className: "absolute left-0 top-0 h-full w-[5px] rounded-r transition-all duration-500 ease-in-out ".concat(active ? "bg-[--color-brand-primary]" : "bg-transparent group-hover:bg-[--color-brand-primary]", " ")
-    }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
       className: "relative flex items-center gap-3",
-      children: [menu.iconProps && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      children: [menu.iconProps && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
         className: "relative flex items-center",
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Icon_Icon, SidebarItem_objectSpread({}, menu.iconProps)), !open && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Icon_Icon, SidebarItem_objectSpread({}, menu.iconProps)), !open && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("span", {
           className: "absolute left-full top-1/2 ml-2 -translate-y-1/2 whitespace-nowrap rounded bg-[--color-primary-bg] px-2 py-1 text-xs text-[--color-text-strong] opacity-0 transition-opacity duration-300 group-hover:opacity-100",
           children: menu.name
         })]
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
         className: "overflow-hidden whitespace-nowrap transition-all duration-500 ease-in-out ".concat(open ? "ml-2 w-auto translate-y-0 opacity-100" : "ml-0 w-0 translate-y-2 opacity-0", " "),
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+        children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
           as: "span",
           variant: "label",
           children: menu.name
@@ -22420,39 +22388,39 @@ function SidebarGroup(_ref) {
     toggleSidebar
   } = _ref;
   const [expanded, setExpanded] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(false);
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
+    children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
       className: "group relative flex cursor-pointer items-center justify-between p-4 transition-all duration-500 ease-in-out",
       onClick: () => {
         if (!open) toggleSidebar(true);
         setExpanded(!expanded);
       },
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
         className: "absolute left-0 top-0 h-full w-[5px] rounded-r transition-all duration-300 ease-in-out ".concat(expanded || activeItem === menu.key ? "bg-[--color-brand-primary]" : "bg-[--color-stroke] group-hover:bg-[--color-brand-primary]", " ")
-      }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
         className: "flex items-center gap-3",
-        children: [menu.iconProps && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon_Icon, SidebarGroup_objectSpread({}, menu.iconProps)), !open && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        children: [menu.iconProps && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Icon_Icon, SidebarGroup_objectSpread({}, menu.iconProps)), !open && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("span", {
           className: "absolute left-full top-1/2 ml-2 -translate-y-1/2 whitespace-nowrap rounded bg-[--color-primary-bg] px-2 py-1 text-xs text-[--color-text-strong] opacity-0 transition-opacity duration-300 group-hover:opacity-100",
           children: menu.name
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
           className: "overflow-hidden whitespace-nowrap transition-all duration-500 ease-in-out ".concat(open ? "ml-2 w-auto translate-y-0 opacity-100" : "ml-0 w-0 translate-y-2 opacity-0", " "),
-          children: /*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+          children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
             as: "span",
             variant: "label",
             children: menu.name
           })
         })]
-      }), open && /*#__PURE__*/(0,jsx_runtime.jsx)(esm_ChevronDownIcon, {
+      }), open && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(esm_ChevronDownIcon, {
         className: "h-4 w-4 transition-transform duration-300 ".concat(expanded ? "rotate-180" : "")
       })]
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
       className: "ml-10 mt-1 overflow-hidden transition-all duration-300 ease-in-out ".concat(expanded && open ? "max-h-96 opacity-100" : "max-h-0 opacity-0"),
-      children: menu.children.map(child => /*#__PURE__*/(0,jsx_runtime.jsx)(SidebarItem, {
+      children: menu.children.map(child => /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(SidebarItem, {
         menu: child,
         open: open,
         active: activeItem === child.key,
         onClick: () => onItemClick(child.key)
-      }, child.id || child.name))
+      }, child.key))
     })]
   });
 }
@@ -22476,7 +22444,7 @@ function Link(_ref) {
     } = _ref,
     props = Link_objectWithoutProperties(_ref, Link_excluded);
   const isExternal = href.startsWith("http");
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("a", Link_objectSpread(Link_objectSpread({
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("a", Link_objectSpread(Link_objectSpread({
     href: href,
     target: newTab || isExternal ? "_blank" : undefined,
     rel: newTab || isExternal ? "noopener noreferrer" : undefined,
@@ -22496,21 +22464,21 @@ function ProfileCard(_ref) {
     href
   } = _ref;
   const Wrapper = href ? Link : "div";
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)(Wrapper, {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)(Wrapper, {
     href: href,
     className: "flex items-center rounded-lg border-2 border-[--color-stroke] px-4 py-2 transition-all ".concat(href ? "cursor-pointer hover:border-[--color-primary] hover:bg-[--color-primary-bg-hover]" : "", " "),
     "data-cy": "profileCard",
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+    children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
+      children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
         variant: "body",
         as: "p",
         children: user.name
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)(Text, {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Text, {
         variant: "caption",
         as: "p",
         children: user.role
       })]
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)(esm_IdentificationIcon, {
+    }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(esm_IdentificationIcon, {
       className: "ml-4 h-6 w-6 text-gray-500"
     })]
   });
@@ -22524,13 +22492,13 @@ function SidebarProfile(_ref) {
     open,
     href
   } = _ref;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
     className: "mt-auto flex items-center gap-3 p-2 pb-4",
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+    children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("img", {
       src: user.avatar,
       alt: "profile",
       className: "h-8 w-8 rounded-full"
-    }), open && /*#__PURE__*/(0,jsx_runtime.jsx)(ProfileCard, {
+    }), open && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(ProfileCard, {
       user: user,
       href: href,
       variant: "sidebar"
@@ -22588,79 +22556,73 @@ function Sidebar(_ref) {
     onSearchChange
   } = _ref;
   const [open, setOpen] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(false);
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
     className: "flex",
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
       className: " ".concat(open ? "w-[20rem]" : "w-[3rem]", " transition-width flex min-h-screen flex-col rounded bg-[--color-primary-bg] text-[--color-text-strong] duration-300 ease-in-out"),
-      children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
         className: "flex items-center justify-between p-3 pr-0",
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+        children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("img", {
           src: logo || (c247_icon_only_png_default()),
           srcSet: "".concat((c247_icon_only_png_default()), " 1x, ").concat((c247_icon_only_2x_png_default()), " 2x"),
           alt: "C247 Logo",
           className: "sidebar-logo w-75 object-contain"
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+        }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("button", {
           className: "duration-400 rounded-l-lg bg-[--color-primary-btn] p-2 transition-all ease-in-out hover:bg-[--color-primary-btn-hover] focus:outline-none ".concat(open ? "translate-x-0 opacity-100" : "translate-x-4 opacity-0", " "),
           onClick: () => setOpen(!open),
-          children: /*#__PURE__*/(0,jsx_runtime.jsx)(esm_ArrowLeftIcon, {
+          children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(esm_ArrowLeftIcon, {
             className: "h-5 w-5 text-[--color-white]"
           })
         })]
-      }), !open && /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+      }), !open && /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("button", {
         className: "p-3 transition-all duration-700 ease-in-out focus:outline-none",
         onClick: () => setOpen(!open),
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(esm_Bars3Icon, {
+        children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(esm_Bars3Icon, {
           className: "h-6 w-6 text-[--color-text-strong] hover:text-[--color-primary-hover]"
         })
-      }), /*#__PURE__*/(0,jsx_runtime.jsxs)("nav", {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("nav", {
         className: "mt-2 flex-1 space-y-1",
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
           className: "border-b-solid border-b-2 border-[--color-stroke] px-3 pb-2",
-          children: open ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          children: open ? /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsxs)("div", {
             className: "flex items-center gap-3 rounded bg-[--color-primary-bg-hover]",
-            children: [/*#__PURE__*/(0,jsx_runtime.jsx)(esm_MagnifyingGlassIcon, {
+            children: [/*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(esm_MagnifyingGlassIcon, {
               className: "mb-2 h-6 w-6 text-[--color-text-strong]"
-            }), /*#__PURE__*/(0,jsx_runtime.jsx)(Inputs_Input, {
+            }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(Inputs_Input, {
               type: "text",
               placeholder: "Search\u2026",
               className: "mb-0",
               value: searchValue,
               onChange: e => onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange(e.target.value)
             })]
-          }) : /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+          }) : /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("button", {
             className: "transition-all duration-700 ease-in-out focus:outline-none",
             onClick: () => setOpen(true),
-            children: /*#__PURE__*/(0,jsx_runtime.jsx)(esm_MagnifyingGlassIcon, {
+            children: /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(esm_MagnifyingGlassIcon, {
               className: "h-6 w-6 text-[--color-text-strong] hover:text-[--color-primary-hover]"
             })
           })
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)("div", {
           className: "menu-item-container",
-          children: menus.map(menu => menu.children ? /*#__PURE__*/(0,jsx_runtime.jsx)(SidebarGroup, {
+          children: menus.map(menu => menu.children ? /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(SidebarGroup, {
             menu: menu,
             open: open,
             activeItem: activeItem,
             onItemClick: onItemClick,
             toggleSidebar: setOpen
-          }, menu.id || menu.name) : /*#__PURE__*/(0,jsx_runtime.jsx)(SidebarItem, {
+          }, menu.key) : /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(SidebarItem, {
             menu: menu,
             open: open,
             active: activeItem === menu.key,
             onClick: () => onItemClick(menu.key)
-          }, menu.id || menu.name))
+          }, menu.key))
         })]
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)(SidebarProfile, {
+      }), /*#__PURE__*/(0,jsx_runtime_namespaceObject.jsx)(SidebarProfile, {
         user: user,
         open: open,
         href: "/users/".concat(user.id)
       })]
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: "flex-1 p-6",
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("h1", {
-        className: "text-2xl font-bold text-[--color-text-strong]",
-        children: "Dashboard Content"
-      })
-    })]
+    })
   });
 }
 ;// ./src/index.js