opus-toolkit-components 1.8.4 → 1.8.6

package/lib/main.js

@@ -1469,6 +1469,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7779);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
+const _excluded = ["left", "center", "right", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 /**
@@ -1485,18 +1493,21 @@ __webpack_require__.r(__webpack_exports__);
 
 const Footer = _ref => {
   let {
-    left,
-    center,
-    right
-  } = _ref;
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
-    className: "w-full px-4 py-2",
+      left,
+      center,
+      right,
+      className = ""
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", _objectSpread(_objectSpread({
+    className: "w-full px-4 py-2 ".concat(className)
+  }, rest), {}, {
     children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_0__["default"], {
       left: left,
       center: center,
       right: right
     })
-  });
+  }));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Footer);
 
@@ -1544,33 +1555,54 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _Header_Header__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(38195);
 /* harmony import */ var _Footer_Footer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3047);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94178);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11775);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(94178);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__);
 
 
 
 
-/**
- * @typedef {Object} PageTemplateProps
- *
- * @property {string} [headerTitle]                  Title passed to left Header
- * @property {React.ReactNode} [headerCenter]        Center slot of Header
- * @property {React.ReactNode} [headerRight]         Right slot of Header
- *
- * @property {React.ReactNode} [footerLeft]          Left slot of Footer
- * @property {React.ReactNode} [footerCenter]        Center slot of Footer
- * @property {React.ReactNode} [footerRight]         Right slot of Footer
- *
- * @property {React.ReactNode} children              Main page content
- * @property {string} [className]                    Optional wrapper class
+
+/**
+ * @typedef {Object} PageTemplateProps
+ *
+ * @property {import('../Sidebar').SidebarMenu[]} [sidebarMenus] Sidebar menu configuration
+ * @property {import('../Sidebar').SidebarUser} [sidebarUser]   Sidebar user profile data
+ * @property {string|number|null} [sidebarActiveItem]          Active sidebar item key
+ * @property {(key: string|number) => void} [onSidebarItemClick]
+ * @property {string} [sidebarLogo]                            Optional sidebar logo override
+ * @property {string} [sidebarSearchValue]                     Controlled search input value
+ * @property {(value: string) => void} [onSidebarSearchChange]
+ * @property {string|number|null} [sidebarOpenGroupKey]        Expanded sidebar group key
+ * @property {(openGroupKey: string|number|null) => void} [onSidebarGroupToggle]
+ *
+ * @property {string} [headerTitle]                  Title passed to left Header
+ * @property {React.ReactNode} [headerCenter]        Center slot of Header
+ * @property {React.ReactNode} [headerRight]         Right slot of Header
+ *
+ * @property {React.ReactNode} [footerLeft]          Left slot of Footer
+ * @property {React.ReactNode} [footerCenter]        Center slot of Footer
+ * @property {React.ReactNode} [footerRight]         Right slot of Footer
+ *
+ * @property {React.ReactNode} children              Main page content
+ * @property {string} [className]                    Optional wrapper class
  */
 
-/**
- * @param {PageTemplateProps} props
+/**
+ * @param {PageTemplateProps} props
  */
 
 const PageTemplate = _ref => {
   let {
+    sidebarMenus,
+    sidebarUser,
+    sidebarActiveItem,
+    onSidebarItemClick,
+    sidebarLogo,
+    sidebarSearchValue = "",
+    onSidebarSearchChange,
+    sidebarOpenGroupKey,
+    onSidebarGroupToggle,
     headerTitle,
     headerCenter,
     headerRight,
@@ -1580,19 +1612,37 @@ const PageTemplate = _ref => {
     children,
     className = ""
   } = _ref;
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
-    className: "flex min-h-screen w-full flex-col ".concat(className),
-    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Header_Header__WEBPACK_IMPORTED_MODULE_1__["default"], {
-      title: headerTitle,
-      center: headerCenter,
-      right: headerRight
-    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("main", {
-      className: "flex-1 p-4",
-      children: children
-    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Footer_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {
-      left: footerLeft,
-      center: footerCenter,
-      right: footerRight
+  const hasSidebar = Boolean((sidebarMenus === null || sidebarMenus === void 0 ? void 0 : sidebarMenus.length) && sidebarUser);
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
+    className: "flex min-h-screen w-full ".concat(className),
+    children: [hasSidebar ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("aside", {
+      className: "shrink-0",
+      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_3__["default"], {
+        menus: sidebarMenus,
+        user: sidebarUser,
+        activeItem: sidebarActiveItem,
+        onItemClick: onSidebarItemClick,
+        logo: sidebarLogo,
+        searchValue: sidebarSearchValue,
+        onSearchChange: onSidebarSearchChange,
+        openGroupKey: sidebarOpenGroupKey,
+        onGroupToggle: onSidebarGroupToggle
+      })
+    }) : null, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
+      className: "flex min-h-screen min-w-0 flex-1 flex-col",
+      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Header_Header__WEBPACK_IMPORTED_MODULE_1__["default"], {
+        title: headerTitle,
+        center: headerCenter,
+        right: headerRight
+        // className="bg-[--color-primary]"
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("main", {
+        className: "flex-1 p-4",
+        children: children
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Footer_Footer__WEBPACK_IMPORTED_MODULE_2__["default"], {
+        left: footerLeft,
+        center: footerCenter,
+        right: footerRight
+      })]
     })]
   });
 };
@@ -5548,6 +5598,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var opus_toolkit_styles_assets_logos_c247_icon_only_2x_png__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(opus_toolkit_styles_assets_logos_c247_icon_only_2x_png__WEBPACK_IMPORTED_MODULE_8__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__);
+const _excluded = ["menus", "user", "activeItem", "onItemClick", "logo", "searchValue", "onSearchChange", "openGroupKey", "onGroupToggle"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 
@@ -5558,96 +5616,106 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/**
- * A single menu item (no children).
- * @typedef {Object} SidebarMenuItem
- * @property {string|number} key
- * @property {string} name
- * @property {string} [icon]
- * @property {string} [href]
+/**
+ * A single menu item (no children).
+ * @typedef {Object} SidebarMenuItem
+ * @property {string|number} key
+ * @property {string} name
+ * @property {string} [path]
+ * @property {string} [href]
+ * @property {import('../Icon').IconProps} [iconProps]
+ * @property {(key: string|number) => void} [onClick]
  */
 
-/**
- * A grouped menu entry with children.
- * @typedef {Object} SidebarMenuGroup
- * @property {string|number} key
- * @property {string} name
- * @property {SidebarMenuItem[]} children
+/**
+ * A grouped menu entry with children.
+ * @typedef {Object} SidebarMenuGroup
+ * @property {string|number} key
+ * @property {string} name
+ * @property {SidebarMenuItem[]} children
  */
 
-/**
- * A full menu entry (either group or leaf item).
- * @typedef {SidebarMenuItem | SidebarMenuGroup} SidebarMenu
+/**
+ * A full menu entry (either group or leaf item).
+ * @typedef {SidebarMenuItem | SidebarMenuGroup} SidebarMenu
  */
 
-/**
- * Minimal shape expected for SidebarProfile.
- * @typedef {Object} SidebarUser
- * @property {string|number} id
- * @property {string} name
- * @property {string} role
- * @property {string} [avatar]
+/**
+ * Minimal shape expected for SidebarProfile.
+ * @typedef {Object} SidebarUser
+ * @property {string|number} id
+ * @property {string} name
+ * @property {string} role
+ * @property {string} [avatar]
  */
 
-/**
- * Props for Sidebar.
- *
- * @typedef {Object} SidebarProps
- *
- * @property {SidebarMenu[]} menus
- *   All sidebar menu items (groups + items).
- *
- * @property {SidebarUser} user
- *   The current logged-in user.
- *
- * @property {string|number|null} [activeItem]
- *   Key of the currently selected item.
- *
- * @property {(key: string|number) => void} [onItemClick]
- *   Fired when a menu item is clicked.
- *
- * @property {string} [logo]
- *   Optional logo override.
- *
- * @property {string} [searchValue]
- *   Controlled search input value.
- *
- * @property {(value: string) => void} [onSearchChange]
- *
- * @property {string|number|null} openGroupKey
- *   REQUIRED. Key of the currently expanded group.
- *
- * @property {(openGroupKey: string|number|null) => void} onGroupToggle
- *   REQUIRED. Receives the NEXT open group key.
+/**
+ * Props for Sidebar.
+ *
+ * @typedef {Object} SidebarProps
+ *
+ * @property {SidebarMenu[]} menus
+ *   All sidebar menu items (groups + items).
+ *
+ * @property {SidebarUser} user
+ *   The current logged-in user.
+ *
+ * @property {string|number|null} [activeItem]
+ *   Key of the currently selected item.
+ *
+ * @property {(key: string|number) => void} [onItemClick]
+ *   Fired when a menu item is clicked.
+ *
+ * @property {string} [logo]
+ *   Optional logo override.
+ *
+ * @property {string} [searchValue]
+ *   Controlled search input value.
+ *
+ * @property {(value: string) => void} [onSearchChange]
+ *
+ * @property {string|number|null} [openGroupKey]
+ *   Optional controlled key of the currently expanded group.
+ *
+ * @property {(openGroupKey: string|number|null) => void} [onGroupToggle]
+ *   Optional controlled change handler. If omitted, Sidebar manages group state internally.
  */
 
-/**
- * Fully typed Sidebar component.
- *
- * @param {SidebarProps & React.HTMLAttributes<HTMLDivElement>} props
+/**
+ * Fully typed Sidebar component.
+ *
+ * @param {SidebarProps & React.HTMLAttributes<HTMLDivElement>} props
  */
 
 function Sidebar(_ref) {
   let {
-    menus,
-    user,
-    activeItem,
-    onItemClick,
-    logo,
-    searchValue = "",
-    onSearchChange,
-    openGroupKey,
-    onGroupToggle
-  } = _ref;
+      menus,
+      user,
+      activeItem,
+      onItemClick,
+      logo,
+      searchValue = "",
+      onSearchChange,
+      openGroupKey,
+      onGroupToggle
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const [open, setOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+  const [internalOpenGroupKey, setInternalOpenGroupKey] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+  const currentOpenGroupKey = openGroupKey !== undefined ? openGroupKey : internalOpenGroupKey;
   const handleGroupToggle = key => {
-    const nextOpenGroupKey = openGroupKey === key ? null : key;
-    onGroupToggle(nextOpenGroupKey);
+    const nextOpenGroupKey = currentOpenGroupKey === key ? null : key;
+    if (onGroupToggle) {
+      onGroupToggle(nextOpenGroupKey);
+      return;
+    }
+    setInternalOpenGroupKey(nextOpenGroupKey);
   };
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
-    className: "flex",
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", _objectSpread(_objectSpread({
+    className: "flex"
+  }, rest), {}, {
     children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.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"),
+      className: "".concat(open ? "w-[20rem]" : "w-[3rem]", " transition-width flex min-h-screen flex-col bg-[--color-primary-bg] text-[--color-text-strong] duration-300 ease-in-out"),
       children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
         className: "flex items-center justify-between p-3 pr-0",
         children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("img", {
@@ -5698,13 +5766,17 @@ function Sidebar(_ref) {
             activeItem: activeItem,
             onItemClick: onItemClick,
             toggleSidebar: setOpen,
-            isOpen: openGroupKey === menu.key,
+            isOpen: currentOpenGroupKey === menu.key,
             onToggle: () => handleGroupToggle(menu.key)
           }, "group-".concat(menu.key, "-").concat(menu.name)) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_SidebarItem__WEBPACK_IMPORTED_MODULE_2__["default"], {
             menu: menu,
             open: open,
             active: activeItem === menu.key,
-            onClick: () => onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(menu.key)
+            onClick: () => {
+              var _menu$onClick;
+              (_menu$onClick = menu.onClick) === null || _menu$onClick === void 0 || _menu$onClick.call(menu, menu.key);
+              onItemClick === null || onItemClick === void 0 || onItemClick(menu.key);
+            }
           }, "item-".concat(menu.key, "-").concat(menu.name)))
         })]
       }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_SidebarProfile__WEBPACK_IMPORTED_MODULE_4__["default"], {
@@ -5713,7 +5785,7 @@ function Sidebar(_ref) {
         href: "/users/".concat(user.id)
       })]
     })
-  });
+  }));
 }
 
 /***/ }),
@@ -7717,92 +7789,101 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_getDataCy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(67339);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
+const _excluded = ["label", "options", "name", "value", "onChange", "className", "tabIndex", "title", "isValid", "errorMessage", "required", "dataCy", "disabled"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 
 
-/**
- * A single radio option.
- * @typedef {Object} RadioOption
- * @property {string|number} value
- * @property {string} label
+/**
+ * A single radio option.
+ * @typedef {Object} RadioOption
+ * @property {string|number} value
+ * @property {string} label
  */
 
-/**
- * Custom event format used by your form components.
- * @typedef {{ target: { name: string, value: string|number } }} RadioChangeEvent
+/**
+ * Custom event format used by your form components.
+ * @typedef {{ target: { name: string, value: string|number } }} RadioChangeEvent
  */
 
-/**
- * Props for the RadioButton component.
- *
- * @typedef {Object} RadioButtonProps
- *
- * @property {string} label
- *   Form label above the radio group.
- *
- * @property {RadioOption[]} [options]
- *   Array of selectable radio items.
- *
- * @property {string} name
- *   Name of the radio group (required for grouping).
- *
- * @property {string|number} [value]
- *   Currently selected value.
- *
- * @property {(event: RadioChangeEvent) => void} [onChange]
- *   Custom event handler following your design system.
- *
- * @property {string} [className]
- *
- * @property {string|number} [tabIndex]
- *
- * @property {string} [title]
- *
- * @property {boolean} [isValid]
- *   Controls error message + styles.
- *
- * @property {string} [errorMessage]
- *
- * @property {boolean} [required]
- *
- * @property {string} [dataCy]
- *
- * @property {boolean} [disabled]
+/**
+ * Props for the RadioButton component.
+ *
+ * @typedef {Object} RadioButtonProps
+ *
+ * @property {string} label
+ *   Form label above the radio group.
+ *
+ * @property {RadioOption[]} [options]
+ *   Array of selectable radio items.
+ *
+ * @property {string} name
+ *   Name of the radio group (required for grouping).
+ *
+ * @property {string|number} [value]
+ *   Currently selected value.
+ *
+ * @property {(event: RadioChangeEvent) => void} [onChange]
+ *   Custom event handler following your design system.
+ *
+ * @property {string} [className]
+ *
+ * @property {string|number} [tabIndex]
+ *
+ * @property {string} [title]
+ *
+ * @property {boolean} [isValid]
+ *   Controls error message + styles.
+ *
+ * @property {string} [errorMessage]
+ *
+ * @property {boolean} [required]
+ *
+ * @property {string} [dataCy]
+ *
+ * @property {boolean} [disabled]
  */
 
-/**
- * @param {RadioButtonProps & React.HTMLAttributes<HTMLDivElement>} props
+/**
+ * @param {RadioButtonProps & React.HTMLAttributes<HTMLDivElement>} props
  */
 
 const RadioButton = _ref => {
   let {
-    label,
-    options = [{
-      value: "single",
-      label: "Single"
-    }, {
-      value: "married",
-      label: "Married / Living with Partner"
-    }, {
-      value: "divorced",
-      label: "Divorced"
-    }, {
-      value: "other",
-      label: "Other"
-    }],
-    name,
-    value,
-    onChange,
-    className = "",
-    tabIndex = "",
-    title = "",
-    isValid = true,
-    errorMessage = "".concat(label, " is required"),
-    required = false,
-    dataCy,
-    disabled = false
-  } = _ref;
+      label,
+      options = [{
+        value: "single",
+        label: "Single"
+      }, {
+        value: "married",
+        label: "Married / Living with Partner"
+      }, {
+        value: "divorced",
+        label: "Divorced"
+      }, {
+        value: "other",
+        label: "Other"
+      }],
+      name,
+      value,
+      onChange,
+      className = "",
+      tabIndex = "",
+      title = "",
+      isValid = true,
+      errorMessage = "".concat(label, " is required"),
+      required = false,
+      dataCy,
+      disabled = false
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const selectedValue = value;
   const handleChange = item => {
     if (disabled) return;
@@ -7814,8 +7895,9 @@ const RadioButton = _ref => {
     };
     onChange === null || onChange === void 0 || onChange(event);
   };
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
-    className: "mb-4 flex flex-col ".concat(className),
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", _objectSpread(_objectSpread({
+    className: "mb-4 flex flex-col ".concat(className)
+  }, rest), {}, {
     children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_Text_Text__WEBPACK_IMPORTED_MODULE_1__["default"], {
       as: "label",
       variant: "label",
@@ -7860,7 +7942,7 @@ const RadioButton = _ref => {
       className: "text-[--color-util-red]",
       children: errorMessage
     })]
-  });
+  }));
 };
 RadioButton.displayName = "RadioButton";
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RadioButton);
@@ -14414,72 +14496,82 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _table_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76766);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
+const _excluded = ["data", "rows", "className", "rowClassName", "cellClassName", "headRowClassName", "headCellClassName", "rowKeyExtractor"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 
-/**
- * A column definition for the table.
- *
- * @typedef {Object} TableColumn
- * @property {string} key
- *   The key used to read the row value.
- *
- * @property {string} header
- *   The column header text.
- *
- * @property {(row: any) => React.ReactNode} [render]
- *   Optional custom renderer for this column.
+/**
+ * A column definition for the table.
+ *
+ * @typedef {Object} TableColumn
+ * @property {string} key
+ *   The key used to read the row value.
+ *
+ * @property {string} header
+ *   The column header text.
+ *
+ * @property {(row: any) => React.ReactNode} [render]
+ *   Optional custom renderer for this column.
  */
 
-/**
- * Props for the Table component.
- *
- * @typedef {Object} TableProps
- *
- * @property {TableColumn[]} [data=[]]
- *   Array of column definitions.
- *
- * @property {any[]} [rows=[]]
- *   Array of row objects. Row shape is flexible.
- *
- * @property {string} [className='']
- *   Extra classes for the outer wrapper.
- *
- * @property {string} [rowClassName='']
- *   Classes applied to each table row.
- *
- * @property {string} [cellClassName='']
- *   Classes applied to each table cell.
- *
- * @property {string} [headRowClassName='']
- *   Classes for the `<thead>` row.
- *
- * @property {string} [headCellClassName='']
- *   Classes for header `<th>` cells.
- *
- * @property {(row: any, index: number) => string|number} [rowKeyExtractor]
- *   Extractor for row key (defaults to index).
+/**
+ * Props for the Table component.
+ *
+ * @typedef {Object} TableProps
+ *
+ * @property {TableColumn[]} [data=[]]
+ *   Array of column definitions.
+ *
+ * @property {any[]} [rows=[]]
+ *   Array of row objects. Row shape is flexible.
+ *
+ * @property {string} [className='']
+ *   Extra classes for the outer wrapper.
+ *
+ * @property {string} [rowClassName='']
+ *   Classes applied to each table row.
+ *
+ * @property {string} [cellClassName='']
+ *   Classes applied to each table cell.
+ *
+ * @property {string} [headRowClassName='']
+ *   Classes for the `<thead>` row.
+ *
+ * @property {string} [headCellClassName='']
+ *   Classes for header `<th>` cells.
+ *
+ * @property {(row: any, index: number) => string|number} [rowKeyExtractor]
+ *   Extractor for row key (defaults to index).
  */
 
-/**
- * Responsive Table with JSDoc types.
- *
- * @param {TableProps & React.HTMLAttributes<HTMLDivElement>} props
+/**
+ * Responsive Table with JSDoc types.
+ *
+ * @param {TableProps & React.HTMLAttributes<HTMLDivElement>} props
  */
 
 function Table(_ref) {
   let {
-    data = [],
-    rows = [],
-    className = "",
-    rowClassName = "",
-    cellClassName = "",
-    headRowClassName = "",
-    headCellClassName = "",
-    rowKeyExtractor = (row, index) => index
-  } = _ref;
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
-    className: "wrapper w-full ".concat(className),
+      data = [],
+      rows = [],
+      className = "",
+      rowClassName = "",
+      cellClassName = "",
+      headRowClassName = "",
+      headCellClassName = "",
+      rowKeyExtractor = (row, index) => index
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", _objectSpread(_objectSpread({
+    className: "wrapper w-full ".concat(className)
+  }, rest), {}, {
     children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("table", {
       className: "table min-w-full table-auto border-collapse text-left",
       children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("thead", {
@@ -14505,7 +14597,7 @@ function Table(_ref) {
         })
       })]
     })
-  });
+  }));
 }
 
 /***/ }),
@@ -20654,117 +20746,121 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_getDataCy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(67339);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
+const _excluded = ["label", "placeholder", "type", "tabIndex", "title", "name", "isValid", "errorMessage", "onChange", "className", "value", "Icon", "iconPosition", "isAnimated", "required", "shouldRenderCustomComponent", "customComponent", "customComponentProps", "disabled", "dataCy"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 
 
-/**
- * Icon component type — any React component that renders an SVG.
- * @typedef {(props: React.SVGProps<SVGSVGElement>) => JSX.Element} IconComponent
+/**
+ * Icon component type — any React component that renders an SVG.
+ * @typedef {(props: React.SVGProps<SVGSVGElement>) => JSX.Element} IconComponent
  */
 
-/**
- * Custom component type for supplementary UI below input.
- * Must be a React component.
- * @typedef {(props: any) => JSX.Element} CustomComponent
+/**
+ * Custom component type for supplementary UI below input.
+ * Must be a React component.
+ * @typedef {(props: any) => JSX.Element} CustomComponent
  */
 
-/**
- * Input component props.
- *
- * @typedef {Object} InputProps
- *
- * @property {string} label
- *   Label displayed above the input.
- *
- * @property {string} [placeholder]
- *
- * @property {'text'|'email'|'password'|'number'|'search'|'tel'|'url'|'date'|'datetime-local'|'month'|'time'|'week'|string} [type]
- *   HTML input type.
- *
- * @property {string|number} [tabIndex]
- *
- * @property {string} [title]
- *
- * @property {string} [name]
- *
- * @property {boolean} [isValid]
- *   Whether the field is valid — shows error text if false.
- *
- * @property {string} [errorMessage]
- *
- * @property {(event: React.ChangeEvent<HTMLInputElement>) => void} [onChange]
- *   Change handler using your preferred full event signature.
- *
- * @property {string} [className]
- *
- * @property {string|number} [value]
- *
- * @property {IconComponent} [Icon]
- *
- * @property {'left'|'right'} [iconPosition]
- *   Icon placement inside the input.
- *
- * @property {boolean} [isAnimated]
- *   Enables focus animation on the icon.
- *
- * @property {boolean} [required]
- *
- * @property {boolean} [disabled]
- *
- * @property {boolean} [shouldRenderCustomComponent]
- *
- * @property {CustomComponent} [customComponent]
- *
- * @property {Object<string, any>} [customComponentProps]
- *
- * @property {string} [dataCy]
- *   Override for auto-generated test selector.
+/**
+ * Input component props.
+ *
+ * @typedef {Object} InputProps
+ *
+ * @property {string} label
+ *   Label displayed above the input.
+ *
+ * @property {string} [placeholder]
+ *
+ * @property {'text'|'email'|'password'|'number'|'search'|'tel'|'url'|'date'|'datetime-local'|'month'|'time'|'week'|string} [type]
+ *   HTML input type.
+ *
+ * @property {string|number} [tabIndex]
+ *
+ * @property {string} [title]
+ *
+ * @property {string} [name]
+ *
+ * @property {boolean} [isValid]
+ *   Whether the field is valid — shows error text if false.
+ *
+ * @property {string} [errorMessage]
+ *
+ * @property {(event: React.ChangeEvent<HTMLInputElement>) => void} [onChange]
+ *   Change handler using your preferred full event signature.
+ *
+ * @property {string} [className]
+ *
+ * @property {string|number} [value]
+ *
+ * @property {IconComponent} [Icon]
+ *
+ * @property {'left'|'right'} [iconPosition]
+ *   Icon placement inside the input.
+ *
+ * @property {boolean} [isAnimated]
+ *   Enables focus animation on the icon.
+ *
+ * @property {boolean} [required]
+ *
+ * @property {boolean} [disabled]
+ *
+ * @property {boolean} [shouldRenderCustomComponent]
+ *
+ * @property {CustomComponent} [customComponent]
+ *
+ * @property {Object<string, any>} [customComponentProps]
+ *
+ * @property {string} [dataCy]
+ *   Override for auto-generated test selector.
  */
 
-/**
- * ForwardRef Input component with complete JSDoc typings.
- *
- * @param {InputProps & React.InputHTMLAttributes<HTMLInputElement>} props
- * @param {React.Ref<HTMLInputElement>} ref
+/**
+ * ForwardRef Input component with complete JSDoc typings.
+ *
+ * @param {InputProps & React.InputHTMLAttributes<HTMLInputElement>} props
+ * @param {React.Ref<HTMLInputElement>} ref
  */
 
 const Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((_ref, ref) => {
   let {
-    label,
-    placeholder,
-    type = "text",
-    tabIndex = "",
-    title = "",
-    name,
-    isValid = true,
-    errorMessage = "".concat(label, " is required"),
-    onChange,
-    className = "",
-    value,
-    Icon,
-    // Icon component
-    iconPosition = "left",
-    // Icon position: left or right
-    isAnimated = false,
-    // Add animation class when focused
-    required = false,
-    // Required field indicator
-    shouldRenderCustomComponent,
-    // Condition to render custom component
-    customComponent,
-    // Custom component to render
-    customComponentProps = {},
-    // Props for the custom component
-    disabled = false,
-    // New disabled prop
-    dataCy
-  } = _ref;
+      label,
+      placeholder,
+      type = "text",
+      tabIndex = "",
+      title = "",
+      name,
+      isValid = true,
+      errorMessage = "".concat(label, " is required"),
+      onChange,
+      className = "",
+      value,
+      Icon,
+      // Icon component
+      iconPosition = "left",
+      // Icon position: left or right
+      isAnimated = false,
+      // Add animation class when focused
+      required = false,
+      // Required field indicator
+      shouldRenderCustomComponent,
+      // Condition to render custom component
+      customComponent,
+      // Custom component to render
+      customComponentProps = {},
+      // Props for the custom component
+      disabled = false,
+      // New disabled prop
+      dataCy
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   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,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
@@ -20787,7 +20883,7 @@ const Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((_r
         children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Icon, {
           className: iconClasses
         })
-      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", {
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", _objectSpread({
         id: name,
         ref: ref,
         className: "w-full ".concat(Icon ? iconPosition === "left" ? "pl-10" : "pr-10" : "", " rounded-md border-none bg-[--color-input-bg] px-3 py-2 focus:outline-none focus:ring-0"),
@@ -20806,7 +20902,7 @@ const Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((_r
         }),
         "aria-invalid": !isValid,
         "aria-describedby": !isValid ? "".concat(name, "-error") : undefined
-      }), Icon && iconPosition === "right" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
+      }, rest)), Icon && iconPosition === "right" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
         className: "pointer-events-none absolute right-3 flex items-center",
         children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Icon, {
           className: iconClasses
@@ -20869,6 +20965,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21111);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
+const _excluded = ["title", "center", "right", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 
@@ -20886,12 +20990,15 @@ __webpack_require__.r(__webpack_exports__);
 
 const Header = _ref => {
   let {
-    title,
-    center,
-    right
-  } = _ref;
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
-    className: "w-full px-4 py-2",
+      title,
+      center,
+      right,
+      className = ""
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", _objectSpread(_objectSpread({
+    className: "w-full px-4 py-2 ".concat(className)
+  }, rest), {}, {
     children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_0__["default"], {
       left: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_1__["default"], {
         variant: "h3",
@@ -20900,7 +21007,7 @@ const Header = _ref => {
       center: center,
       right: right
     })
-  });
+  }));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Header);
 
@@ -30220,70 +30327,89 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_getDataCy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(67339);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
+const _excluded = ["label", "name", "onChange", "value", "isValid", "errorMessage", "disabled", "title", "dataCy", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 
 
-/**
- * Custom change event format used across your form components.
- * Matches your Input / Dropdown / DatePicker pattern.
- *
- * @typedef {{ target: { name: string, value: boolean } }} CheckboxChangeEvent
+/**
+ * Custom change event format used across your form components.
+ * Matches your Input / Dropdown / DatePicker pattern.
+ *
+ * @typedef {{ target: { name: string, value: boolean } }} CheckboxChangeEvent
  */
 
-/**
- * Props for Checkbox.
- *
- * @typedef {Object} CheckboxProps
- *
- * @property {string} label
- *   Label displayed next to the checkbox.
- *
- * @property {string} name
- *   Name used in the emitted onChange event.
- *
- * @property {(event: CheckboxChangeEvent) => void} [onChange]
- *   Receives `{ target: { name, value } }`.
- *
- * @property {boolean} [value]
- *   Whether the checkbox is checked.
- *
- * @property {boolean} [isValid]
- *   Controls error styling.
- *
- * @property {string} [errorMessage]
- *   Error text shown below the checkbox.
- *
- * @property {boolean} [disabled]
- *   Prevents user interaction.
- *
- * @property {string} [title]
- *
- * @property {string} [dataCy]
- *   Override test selector.
+/**
+ * Props for Checkbox.
+ *
+ * @typedef {Object} CheckboxProps
+ *
+ * @property {string} label
+ *   Label displayed next to the checkbox.
+ *
+ * @property {string} name
+ *   Name used in the emitted onChange event.
+ *
+ * @property {(event: CheckboxChangeEvent) => void} [onChange]
+ *   Receives `{ target: { name, value } }`.
+ *
+ * @property {boolean} [value]
+ *   Whether the checkbox is checked.
+ *
+ * @property {boolean} [isValid]
+ *   Controls error styling.
+ *
+ * @property {string} [errorMessage]
+ *   Error text shown below the checkbox.
+ *
+ * @property {boolean} [disabled]
+ *   Prevents user interaction.
+ *
+ * @property {string} [title]
+ *
+ * @property {string} [dataCy]
+ *   Override test selector.
  */
 
-/**
- * @param {CheckboxProps & React.HTMLAttributes<HTMLDivElement>} props
+/**
+ * @param {CheckboxProps & React.HTMLAttributes<HTMLDivElement>} props
  */
 
 function Checkbox(_ref) {
   let {
-    label,
-    name,
-    onChange,
-    value = false,
-    isValid = true,
-    errorMessage = "",
-    disabled = false,
-    title,
-    dataCy
-  } = _ref;
+      label,
+      name,
+      onChange,
+      value = false,
+      isValid = true,
+      errorMessage = "",
+      disabled = false,
+      title,
+      dataCy,
+      className = ""
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const id = "checkbox-".concat(name);
   const errorId = "".concat(id, "-error");
   const showError = !isValid && errorMessage;
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
-    className: "mb-4 flex flex-col",
+  const handleChange = event => {
+    onChange === null || onChange === void 0 || onChange({
+      target: {
+        name,
+        value: event.target.checked
+      }
+    });
+  };
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", _objectSpread(_objectSpread({
+    className: "mb-4 flex flex-col ".concat(className)
+  }, rest), {}, {
     children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
       className: "flex items-center",
       children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", {
@@ -30291,7 +30417,7 @@ function Checkbox(_ref) {
         type: "checkbox",
         name: name,
         checked: value,
-        onChange: onChange,
+        onChange: handleChange,
         disabled: disabled,
         title: title,
         "data-cy": (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_2__.getDataCy)({
@@ -30318,7 +30444,7 @@ function Checkbox(_ref) {
       className: "mt-1 text-[--color-util-red]",
       children: errorMessage
     })]
-  });
+  }));
 }
 
 /***/ }),
@@ -31015,87 +31141,96 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(958);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
+const _excluded = ["name", "library", "size", "className", "color"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 // Icon.jsx
 
 
 
 
-/**
- * All valid keys for heroicons.
- * @typedef {keyof typeof HeroIcons} HeroIconName
+/**
+ * All valid keys for heroicons.
+ * @typedef {keyof typeof HeroIcons} HeroIconName
  */
 
-/**
- * All valid keys for your custom C247 icons.
- * @typedef {keyof typeof C247Icons} C247IconName
+/**
+ * All valid keys for your custom C247 icons.
+ * @typedef {keyof typeof C247Icons} C247IconName
  */
 
-/**
- * Allowed icon name type (union of dynamic keys).
- * @typedef {HeroIconName | C247IconName} IconName
+/**
+ * Allowed icon name type (union of dynamic keys).
+ * @typedef {HeroIconName | C247IconName} IconName
  */
 
-/**
- * Which icon library to use.
- * @typedef {'hero'|'c247'} IconLibrary
+/**
+ * Which icon library to use.
+ * @typedef {'hero'|'c247'} IconLibrary
  */
 
-/**
- * Props for the generic Icon component.
- *
- * @typedef {Object} IconProps
- *
- * @property {IconName} name
- *   The dynamic icon name to render.
- *
- * @property {IconLibrary} [library='hero']
- *   Which icon set to render from.
- *
- * @property {number} [size=18]
- *   Icon size in pixels.
- *
- * @property {string} [className]
- *   Extra classes for styling.
- *
- * @property {string} [color]
- *   Optional CSS color override.
+/**
+ * Props for the generic Icon component.
+ *
+ * @typedef {Object} IconProps
+ *
+ * @property {IconName} name
+ *   The dynamic icon name to render.
+ *
+ * @property {IconLibrary} [library='hero']
+ *   Which icon set to render from.
+ *
+ * @property {number} [size=18]
+ *   Icon size in pixels.
+ *
+ * @property {string} [className]
+ *   Extra classes for styling.
+ *
+ * @property {string} [color]
+ *   Optional CSS color override.
  */
 
-/**
- * Generic Icon component supporting HeroIcons and C247 icons.
- *
- * @param {IconProps & React.SVGProps<SVGSVGElement>} props
+/**
+ * Generic Icon component supporting HeroIcons and C247 icons.
+ *
+ * @param {IconProps & React.SVGProps<SVGSVGElement>} props
  */
 
-/**
- * Generic Icon component supporting HeroIcons and C247 icons.
- *
- * Props:
- * - name: string - icon name
- * - library: 'hero' | 'c247' (default: 'hero')
- * - size: number (default: 24)
- * - className: string
- * - color: string
+/**
+ * Generic Icon component supporting HeroIcons and C247 icons.
+ *
+ * Props:
+ * - name: string - icon name
+ * - library: 'hero' | 'c247' (default: 'hero')
+ * - size: number (default: 24)
+ * - className: string
+ * - color: string
  */
 
 const Icon = _ref => {
   let {
-    name,
-    library = "hero",
-    size = 18,
-    className = "",
-    color
-  } = _ref;
+      name,
+      library = "hero",
+      size = 18,
+      className = "",
+      color
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const IconComponent = library === "hero" ? _heroicons_react_24_solid__WEBPACK_IMPORTED_MODULE_1__[name] : _index__WEBPACK_IMPORTED_MODULE_2__[name];
   if (!IconComponent) return null;
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(IconComponent, {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(IconComponent, _objectSpread({
     className: className,
     width: size,
     height: size,
     style: color ? {
       color
     } : undefined
-  });
+  }, rest));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Icon);
 
@@ -40779,45 +40914,56 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _heroicons_react_24_solid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60493);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
+const _excluded = ["user", "href", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 
 
-/**
- * Shape of the user object
- * @typedef {Object} ProfileCardUser
- * @property {string} name
- * @property {string} role
+/**
+ * Shape of the user object
+ * @typedef {Object} ProfileCardUser
+ * @property {string} name
+ * @property {string} role
  */
 
-/**
- * Props for ProfileCard.
- *
- * @typedef {Object} ProfileCardProps
- *
- * @property {ProfileCardUser} user
- *   The user object containing name + role.
- *
- * @property {string} [href]
- *   If provided, the card becomes a link instead of a div.
+/**
+ * Props for ProfileCard.
+ *
+ * @typedef {Object} ProfileCardProps
+ *
+ * @property {ProfileCardUser} user
+ *   The user object containing name + role.
+ *
+ * @property {string} [href]
+ *   If provided, the card becomes a link instead of a div.
  */
 
-/**
- * ProfileCard with polymorphic wrapper (Link or div).
- *
- * @param {ProfileCardProps & React.HTMLAttributes<HTMLDivElement>} props
+/**
+ * ProfileCard with polymorphic wrapper (Link or div).
+ *
+ * @param {ProfileCardProps & React.HTMLAttributes<HTMLDivElement>} props
  */
 
 function ProfileCard(_ref) {
   let {
-    user,
-    href
-  } = _ref;
+      user,
+      href,
+      className = ""
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const Wrapper = href ? _Link_Link__WEBPACK_IMPORTED_MODULE_0__["default"] : "div";
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(Wrapper, {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(Wrapper, _objectSpread(_objectSpread({
     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",
+    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]" : "", " ").concat(className),
+    "data-cy": "profileCard"
+  }, rest), {}, {
     children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
       children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_1__["default"], {
         variant: "body",
@@ -40831,7 +40977,7 @@ function ProfileCard(_ref) {
     }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_heroicons_react_24_solid__WEBPACK_IMPORTED_MODULE_2__.IdentificationIcon, {
       className: "ml-4 h-6 w-6 text-gray-500"
     })]
-  });
+  }));
 }
 
 /***/ }),
@@ -46829,6 +46975,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _datepicker_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64990);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
+const _excluded = ["initialDate", "label", "isValid", "errorMessage", "name", "onChange", "value", "className", "title", "required", "dataCy", "disabled", "minDate", "maxDate"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 
@@ -46889,21 +47043,22 @@ __webpack_require__.r(__webpack_exports__);
 
 function DatePicker(_ref) {
   let {
-    initialDate = "",
-    label = "Select a Date:",
-    isValid = true,
-    errorMessage = "Error message",
-    name = "date",
-    onChange,
-    value,
-    className = "",
-    title = "",
-    required = false,
-    dataCy,
-    disabled = false,
-    minDate,
-    maxDate
-  } = _ref;
+      initialDate = "",
+      label = "Select a Date:",
+      isValid = true,
+      errorMessage = "Error message",
+      name = "date",
+      onChange,
+      value,
+      className = "",
+      title = "",
+      required = false,
+      dataCy,
+      disabled = false,
+      minDate,
+      maxDate
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const [selectedDate, setSelectedDate] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("");
   const inputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   const normalizeToInputFormat = dateString => {
@@ -46951,8 +47106,9 @@ function DatePicker(_ref) {
       inputRef.current.showPicker();
     }
   };
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
-    className: "relative mb-4 flex flex-col",
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", _objectSpread(_objectSpread({
+    className: "relative mb-4 flex flex-col"
+  }, rest), {}, {
     children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_Text_Text__WEBPACK_IMPORTED_MODULE_1__["default"], {
       as: "label",
       variant: "label",
@@ -46997,7 +47153,7 @@ function DatePicker(_ref) {
       className: "text-[--color-util-red]",
       children: errorMessage
     })]
-  });
+  }));
 }
 
 /***/ }),
@@ -48843,6 +48999,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_getDataCy__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67339);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__);
+const _excluded = ["type", "rank", "state", "text", "size", "name", "dataCy", "tabIndex", "isFullWidth", "icon", "iconPosition", "isIconAnimated", "isSaving", "savingText", "className", "title", "onClick"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
  // Import a spinner icon
@@ -48926,30 +49090,31 @@ __webpack_require__.r(__webpack_exports__);
 
 function Button(_ref) {
   let {
-    type = "button",
-    rank = "primary",
-    state = "default",
-    text = "Example Button",
-    size = "md",
-    name,
-    dataCy,
-    tabIndex,
-    isFullWidth = false,
-    icon: Icon,
-    // Icon as a React component
-    iconPosition = "right",
-    // Icon position: 'left' or 'right'
-    isIconAnimated = false,
-    // Optional animation for icon hover
-    isSaving = false,
-    // New state for saving mode
-    savingText = "Saving...",
-    // Editable saving text
-    className = "",
-    // Accepts additional custom class
-    title = "",
-    onClick
-  } = _ref;
+      type = "button",
+      rank = "primary",
+      state = "default",
+      text = "Example Button",
+      size = "md",
+      name,
+      dataCy,
+      tabIndex,
+      isFullWidth = false,
+      icon: Icon,
+      // Icon as a React component
+      iconPosition = "right",
+      // Icon position: 'left' or 'right'
+      isIconAnimated = false,
+      // Optional animation for icon hover
+      isSaving = false,
+      // New state for saving mode
+      savingText = "Saving...",
+      // Editable saving text
+      className = "",
+      // Accepts additional custom class
+      title = "",
+      onClick
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   // Define styles for button ranks
   const rankStyles = {
     primary: "bg-[--color-primary-btn] hover:bg-[--color-primary-btn-hover] text-[--color-primary-btn-txt] border-solid border-2 border-[--color-primary-btn] hover:border-[--color-primary-btn-hover]",
@@ -48967,7 +49132,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,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("button", {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("button", _objectSpread(_objectSpread({
     type: type,
     title: title,
     name: name,
@@ -48979,7 +49144,8 @@ function Button(_ref) {
       dataCy
     }),
     onClick: !isSaving && state !== "disabled" ? onClick : null,
-    disabled: isSaving || state === "disabled",
+    disabled: isSaving || state === "disabled"
+  }, rest), {}, {
     children: [isSaving ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_icons_ai__WEBPACK_IMPORTED_MODULE_2__.AiOutlineLoading3Quarters, {
       className: iconClassNames
     }) : iconPosition === "left" && Icon && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Icon, {
@@ -48990,7 +49156,7 @@ function Button(_ref) {
     }), !isSaving && iconPosition === "right" && Icon && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Icon, {
       className: iconClassNames
     })]
-  });
+  }));
 }
 
 /***/ }),
@@ -49917,40 +50083,49 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(34164);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
+const _excluded = ["intent", "className", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 
-/**
- * The visual intent / theme of the Card.
- * @typedef {'default'|'info'|'warning'|'success'|'error'|'brand'|'brandSecondary'} CardIntent
+/**
+ * The visual intent / theme of the Card.
+ * @typedef {'default'|'info'|'warning'|'success'|'error'|'brand'|'brandSecondary'} CardIntent
  */
 
-/**
- * Props for the Card component.
- *
- * @typedef {Object} CardProps
- * @property {CardIntent} [intent]
- *   Controls the background + text color theme of the card.
- *
- * @property {string} [className]
- *   Additional custom class names.
- *
- * @property {React.ReactNode} [children]
- *   Card content.
+/**
+ * Props for the Card component.
+ *
+ * @typedef {Object} CardProps
+ * @property {CardIntent} [intent]
+ *   Controls the background + text color theme of the card.
+ *
+ * @property {string} [className]
+ *   Additional custom class names.
+ *
+ * @property {React.ReactNode} [children]
+ *   Card content.
  */
 
-/**
- * Card component with typed JSDoc for TS autocomplete.
- *
- * @param {CardProps & React.HTMLAttributes<HTMLDivElement>} props
+/**
+ * Card component with typed JSDoc for TS autocomplete.
+ *
+ * @param {CardProps & React.HTMLAttributes<HTMLDivElement>} props
  */
 
 function Card(_ref) {
   let {
-    intent,
-    className = "",
-    children
-  } = _ref;
+      intent,
+      className = "",
+      children
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   // Theme override
   const intentClasses = {
     default: "bg-[--color-primary-bg] text-[--color-text-weak]",
@@ -49963,10 +50138,11 @@ function Card(_ref) {
   };
   const resolvedIntent = intent || "default";
   const cardClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("p-5", "rounded-lg", "shadow-lg", "border-2 border-solid border-[--color-stroke]", intentClasses[resolvedIntent], className);
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
-    className: cardClasses,
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", _objectSpread(_objectSpread({
+    className: cardClasses
+  }, rest), {}, {
     children: children
-  });
+  }));
 }
 
 /***/ }),
@@ -50734,6 +50910,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var opus_toolkit_styles_assets_logos_c247_loader_gif__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(opus_toolkit_styles_assets_logos_c247_loader_gif__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
+const _excluded = ["isLoading", "loaderText", "customLoader", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 
@@ -50742,39 +50926,41 @@ __webpack_require__.r(__webpack_exports__);
 // In production, it's better to let the parent control rendering to keep Loader focused on UI.
 // This change would improve testability, flexibility, and follow React best practices.
 
-/**
- * Props for the Loader component.
- *
- * @typedef {Object} LoaderProps
- *
- * @property {boolean} isLoading
- *   Determines whether the loader is visible.
- *
- * @property {string} [loaderText='loading...']
- *   Optional text displayed beneath the spinner.
- *
- * @property {React.ReactNode} [customLoader]
- *   Custom loader element (replaces default GIF).
- *
- * @property {string} [className]
- *   Extra class names applied to the outer container.
+/**
+ * Props for the Loader component.
+ *
+ * @typedef {Object} LoaderProps
+ *
+ * @property {boolean} isLoading
+ *   Determines whether the loader is visible.
+ *
+ * @property {string} [loaderText='loading...']
+ *   Optional text displayed beneath the spinner.
+ *
+ * @property {React.ReactNode} [customLoader]
+ *   Custom loader element (replaces default GIF).
+ *
+ * @property {string} [className]
+ *   Extra class names applied to the outer container.
  */
 
-/**
- * Loader overlay that covers the entire screen.
- *
- * @param {LoaderProps & React.HTMLAttributes<HTMLDivElement>} props
+/**
+ * Loader overlay that covers the entire screen.
+ *
+ * @param {LoaderProps & React.HTMLAttributes<HTMLDivElement>} props
  */
 
 function Loader(_ref) {
   let {
-    isLoading,
-    loaderText = "loading...",
-    customLoader,
-    className = ""
-  } = _ref;
-  return isLoading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
-    className: "fixed inset-0 z-50 flex items-center justify-center",
+      isLoading,
+      loaderText = "loading...",
+      customLoader,
+      className = ""
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return isLoading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", _objectSpread(_objectSpread({
+    className: "fixed inset-0 z-50 flex items-center justify-center ".concat(className)
+  }, rest), {}, {
     children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
       className: "absolute inset-0 bg-[--color-primary-bg] opacity-70"
     }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
@@ -50789,7 +50975,7 @@ function Loader(_ref) {
         children: loaderText
       })]
     })]
-  });
+  }));
 }
 
 /***/ }),
@@ -50817,61 +51003,62 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 
 
 
-/**
- * Icon props used by your dynamic Icon component (optional).
- * @typedef {import('../Icon/Icon').IconProps} IconProps
+/**
+ * Icon props used by your dynamic Icon component (optional).
+ * @typedef {import('../Icon/Icon').IconProps} IconProps
  */
 
-/**
- * A single child menu item.
- * @typedef {Object} SidebarChild
- * @property {string|number} key
- * @property {string} name
- * @property {string} [path]
- * @property {string} [href]
- * @property {IconProps} [iconProps]
+/**
+ * A single child menu item.
+ * @typedef {Object} SidebarChild
+ * @property {string|number} key
+ * @property {string} name
+ * @property {string} [path]
+ * @property {string} [href]
+ * @property {IconProps} [iconProps]
+ * @property {(key: string|number) => void} [onClick]
  */
 
-/**
- * Sidebar group object containing children.
- * @typedef {Object} SidebarGroupMenu
- * @property {string|number} key
- * @property {string} name
- * @property {SidebarChild[]} children
- * @property {IconProps} [iconProps]
+/**
+ * Sidebar group object containing children.
+ * @typedef {Object} SidebarGroupMenu
+ * @property {string|number} key
+ * @property {string} name
+ * @property {SidebarChild[]} children
+ * @property {IconProps} [iconProps]
  */
 
-/**
- * Props for SidebarGroup component.
- *
- * @typedef {Object} SidebarGroupProps
- *
- * @property {SidebarGroupMenu} menu
- *   The group menu containing children.
- *
- * @property {boolean} open
- *   Whether the sidebar itself is expanded (wide mode vs collapsed).
- *
- * @property {string|number|null} activeItem
- *   The currently selected menu item key.
- *
- * @property {(key: string|number) => void} onItemClick
- *   Handler fired when a child item is selected.
- *
- * @property {(open: boolean) => void} toggleSidebar
- *   Opens the sidebar when a user clicks a collapsed group.
- *
- * @property {boolean} isOpen
- *   REQUIRED. Whether this group’s children are expanded.
- *
- * @property {() => void} onToggle
- *   REQUIRED. Called when the group header is clicked.
+/**
+ * Props for SidebarGroup component.
+ *
+ * @typedef {Object} SidebarGroupProps
+ *
+ * @property {SidebarGroupMenu} menu
+ *   The group menu containing children.
+ *
+ * @property {boolean} open
+ *   Whether the sidebar itself is expanded (wide mode vs collapsed).
+ *
+ * @property {string|number|null} activeItem
+ *   The currently selected menu item key.
+ *
+ * @property {(key: string|number) => void} onItemClick
+ *   Handler fired when a child item is selected.
+ *
+ * @property {(open: boolean) => void} toggleSidebar
+ *   Opens the sidebar when a user clicks a collapsed group.
+ *
+ * @property {boolean} isOpen
+ *   REQUIRED. Whether this group’s children are expanded.
+ *
+ * @property {() => void} onToggle
+ *   REQUIRED. Called when the group header is clicked.
  */
 
-/**
- * Fully typed SidebarGroup component.
- *
- * @param {SidebarGroupProps & React.HTMLAttributes<HTMLDivElement>} props
+/**
+ * Fully typed SidebarGroup component.
+ *
+ * @param {SidebarGroupProps & React.HTMLAttributes<HTMLDivElement>} props
  */
 
 function SidebarGroup(_ref) {
@@ -50915,7 +51102,11 @@ function SidebarGroup(_ref) {
         menu: child,
         open: open,
         active: activeItem === child.key,
-        onClick: () => onItemClick(child.key)
+        onClick: () => {
+          var _child$onClick;
+          (_child$onClick = child.onClick) === null || _child$onClick === void 0 || _child$onClick.call(child, child.key);
+          onItemClick === null || onItemClick === void 0 || onItemClick(child.key);
+        }
       }, "child-".concat(child.key, "-").concat(child.path)))
     })]
   });
@@ -55546,92 +55737,101 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_getDataCy__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(67339);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
+const _excluded = ["items", "label", "isValid", "required", "placeholder", "name", "className", "title", "tabIndex", "onChange", "value", "Icon", "errorMessage", "disabled", "dataCy"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 
 
 
 
-/**
- * @typedef {Object} DropdownItem
- * @property {string} label
- * @property {string|number} value
+/**
+ * @typedef {Object} DropdownItem
+ * @property {string} label
+ * @property {string|number} value
  */
 
-/**
- * Icon component type — any React SVG component.
- * @typedef {(props: React.SVGProps<SVGSVGElement>) => JSX.Element} IconComponent
+/**
+ * Icon component type — any React SVG component.
+ * @typedef {(props: React.SVGProps<SVGSVGElement>) => JSX.Element} IconComponent
  */
 
-/**
- * Custom event type emitted by your onChange (matching your pattern).
- * @typedef {{ target: { name: string, value: string|number } }} DropdownChangeEvent
+/**
+ * Custom event type emitted by your onChange (matching your pattern).
+ * @typedef {{ target: { name: string, value: string|number } }} DropdownChangeEvent
  */
 
-/**
- * @typedef {Object} DropdownProps
- *
- * @property {DropdownItem[]} [items]
- *   Array of dropdown options.
- *
- * @property {string} [label]
- *   Label above the dropdown.
- *
- * @property {boolean} [isValid]
- *   Whether the field is valid.
- *
- * @property {boolean} [required]
- *   Whether a * is appended.
- *
- * @property {string} [placeholder]
- *
- * @property {string} [name]
- *
- * @property {string} [className]
- *
- * @property {string} [title]
- *
- * @property {string|number} [tabIndex]
- *
- * @property {(event: DropdownChangeEvent) => void} [onChange]
- *   Uses your preferred event signature: `event.target.name` / `event.target.value`.
- *
- * @property {string|number} [value]
- *   Selected item value.
- *
- * @property {IconComponent} [Icon]
- *   Optional decorative icon.
- *
- * @property {string} [errorMessage]
- *
- * @property {boolean} [disabled]
- *
- * @property {string} [dataCy]
- *   Override for auto-generated data-cy attribute.
+/**
+ * @typedef {Object} DropdownProps
+ *
+ * @property {DropdownItem[]} [items]
+ *   Array of dropdown options.
+ *
+ * @property {string} [label]
+ *   Label above the dropdown.
+ *
+ * @property {boolean} [isValid]
+ *   Whether the field is valid.
+ *
+ * @property {boolean} [required]
+ *   Whether a * is appended.
+ *
+ * @property {string} [placeholder]
+ *
+ * @property {string} [name]
+ *
+ * @property {string} [className]
+ *
+ * @property {string} [title]
+ *
+ * @property {string|number} [tabIndex]
+ *
+ * @property {(event: DropdownChangeEvent) => void} [onChange]
+ *   Uses your preferred event signature: `event.target.name` / `event.target.value`.
+ *
+ * @property {string|number} [value]
+ *   Selected item value.
+ *
+ * @property {IconComponent} [Icon]
+ *   Optional decorative icon.
+ *
+ * @property {string} [errorMessage]
+ *
+ * @property {boolean} [disabled]
+ *
+ * @property {string} [dataCy]
+ *   Override for auto-generated data-cy attribute.
  */
 
-/**
- * @param {DropdownProps & React.HTMLAttributes<HTMLDivElement>} props
+/**
+ * @param {DropdownProps & React.HTMLAttributes<HTMLDivElement>} props
  */
 
 function Dropdown(_ref) {
   let {
-    items = [],
-    label = "Test Label",
-    isValid = true,
-    required = false,
-    placeholder = "Example Placeholder",
-    name,
-    className = "",
-    title = "",
-    tabIndex = "",
-    onChange,
-    value,
-    Icon,
-    errorMessage = "This field is required",
-    disabled = false,
-    dataCy
-  } = _ref;
+      items = [],
+      label = "Test Label",
+      isValid = true,
+      required = false,
+      placeholder = "Example Placeholder",
+      name,
+      className = "",
+      title = "",
+      tabIndex = "",
+      onChange,
+      value,
+      Icon,
+      errorMessage = "This field is required",
+      disabled = false,
+      dataCy
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const [selectedItem, setSelectedItem] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
     const newSelectedItem = items.find(item => item.value === value) || null;
@@ -55649,8 +55849,9 @@ function Dropdown(_ref) {
     };
     onChange === null || onChange === void 0 || onChange(event);
   };
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
-    className: "mb-4 flex flex-col ".concat(className),
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", _objectSpread(_objectSpread({
+    className: "mb-4 flex flex-col ".concat(className)
+  }, rest), {}, {
     children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_Text_Text__WEBPACK_IMPORTED_MODULE_1__["default"], {
       as: "label",
       variant: "label",
@@ -55719,7 +55920,7 @@ function Dropdown(_ref) {
       className: "mt-1 text-[--color-util-red]",
       children: errorMessage
     })]
-  });
+  }));
 }
 
 /***/ }),
@@ -57457,6 +57658,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
+const _excluded = ["text", "status", "className", "icon"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 const statusClasses = {
@@ -57468,52 +57677,54 @@ const statusClasses = {
   notice: "bg-[--color-util-yellow] text-[--color-black]"
 };
 
-/**
- * Allowed pill status values.
- * @typedef {'primary'|'danger'|'warning'|'success'|'info'|'notice'} PillStatus
+/**
+ * Allowed pill status values.
+ * @typedef {'primary'|'danger'|'warning'|'success'|'info'|'notice'} PillStatus
  */
 
-/**
- * Icon component type — any valid SVG React component.
- * @typedef {(props: React.SVGProps<SVGSVGElement>) => JSX.Element} IconComponent
+/**
+ * Icon component type — any valid SVG React component.
+ * @typedef {(props: React.SVGProps<SVGSVGElement>) => JSX.Element} IconComponent
  */
 
-/**
- * Props for the Pill component.
- *
- * @typedef {Object} PillProps
- * @property {string} [text='']
- *   Text displayed inside the pill.
- *
- * @property {PillStatus} [status='info']
- *   Determines visual colors of the pill.
- *
- * @property {string} [className]
- *   Additional class names.
- *
- * @property {IconComponent} [icon]
- *   Optional icon displayed before the text.
+/**
+ * Props for the Pill component.
+ *
+ * @typedef {Object} PillProps
+ * @property {string} [text='']
+ *   Text displayed inside the pill.
+ *
+ * @property {PillStatus} [status='info']
+ *   Determines visual colors of the pill.
+ *
+ * @property {string} [className]
+ *   Additional class names.
+ *
+ * @property {IconComponent} [icon]
+ *   Optional icon displayed before the text.
  */
 
-/**
- * @param {PillProps & React.HTMLAttributes<HTMLSpanElement>} props
+/**
+ * @param {PillProps & React.HTMLAttributes<HTMLSpanElement>} props
  */
 
 const Pill = _ref => {
   let {
-    text = "",
-    status = "info",
-    className = "",
-    icon: Icon
-  } = _ref;
+      text = "",
+      status = "info",
+      className = "",
+      icon: Icon
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   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,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("span", {
-    className: "".concat(baseClasses, " ").concat(statusClass, " ").concat(className),
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("span", _objectSpread(_objectSpread({
+    className: "".concat(baseClasses, " ").concat(statusClass, " ").concat(className)
+  }, rest), {}, {
     children: [Icon && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Icon, {
       className: "h-4 w-4"
     }), text]
-  });
+  }));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Pill);