opus-toolkit-components 1.2.1 → 1.2.3

package/lib/{main.8da5d73984c35f0a61f6.js → opus-components.main.js}

@@ -7,51 +7,11 @@
 		exports["opus-components"] = factory(require("react"), require("react-dom"));
 	else
 		root["opus-components"] = factory(root["react"], root["react-dom"]);
-})(self, (__WEBPACK_EXTERNAL_MODULE__155__, __WEBPACK_EXTERNAL_MODULE__514__) => {
+})(this, (__WEBPACK_EXTERNAL_MODULE__155__, __WEBPACK_EXTERNAL_MODULE__514__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 40:
-/***/ ((module) => {
-
-
-
-var memo = {};
-
-/* istanbul ignore next  */
-function getTarget(target) {
-  if (typeof memo[target] === "undefined") {
-    var styleTarget = document.querySelector(target);
-
-    // Special case to return head of iframe instead of iframe itself
-    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
-      try {
-        // This will throw an exception if access to iframe is blocked
-        // due to cross-origin restrictions
-        styleTarget = styleTarget.contentDocument.head;
-      } catch (e) {
-        // istanbul ignore next
-        styleTarget = null;
-      }
-    }
-    memo[target] = styleTarget;
-  }
-  return memo[target];
-}
-
-/* istanbul ignore next  */
-function insertBySelector(insert, style) {
-  var target = getTarget(insert);
-  if (!target) {
-    throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
-  }
-  target.appendChild(style);
-}
-module.exports = insertBySelector;
-
-/***/ }),
-
 /***/ 56:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -176,28 +136,6 @@ function styleTagTransform(css, styleElement) {
 }
 module.exports = styleTagTransform;
 
-/***/ }),
-
-/***/ 117:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `input[type=date]::-webkit-calendar-picker-indicator{display:none}`, "",{"version":3,"sources":["webpack://./src/components/Forms/Datepickers/datepicker.scss"],"names":[],"mappings":"AAAA,oDACI,YAAA","sourcesContent":["input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n    display: none;\r\n}"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 155:
@@ -298,7 +236,7 @@ exports.useSyncExternalStoreWithSelector = function (
 
 /***/ }),
 
-/***/ 289:
+/***/ 197:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -313,7 +251,7 @@ exports.useSyncExternalStoreWithSelector = function (
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ``, "",{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `input[type=date]::-webkit-calendar-picker-indicator{display:none}`, "",{"version":3,"sources":["webpack://./src/components/Forms/Datepickers/datepicker.scss"],"names":[],"mappings":"AAAA,oDACI,YAAA","sourcesContent":["input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n    display: none;\r\n}"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -444,6 +382,28 @@ if (true) {
 {}
 
 
+/***/ }),
+
+/***/ 494:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `table{width:100%}table thead th:first-of-type{border-top-left-radius:8px}table thead th:last-of-type{border-top-right-radius:8px}table tr:last-of-type td:first-of-type{border-bottom-left-radius:8px}table tr:last-of-type td:last-of-type{border-bottom-right-radius:8px}@media(max-width: 640px){.responsive-table-wrapper td::before{content:attr(data-label);display:block;font-weight:600;text-transform:uppercase;margin-bottom:.25rem;color:var(--color-text-strong)}button{width:100%}.responsive-table-wrapper tr{display:block}.responsive-table-wrapper td{display:block}.responsive-table-wrapper thead{display:none}}`, "",{"version":3,"sources":["webpack://./src/components/Tables/table.scss"],"names":[],"mappings":"AAAA,MAuBI,UAAA,CApBQ,6BACI,0BAAA,CAEJ,4BACI,2BAAA,CAOA,uCACI,6BAAA,CAEJ,sCACI,8BAAA,CAQpB,yBACI,qCACE,wBAAA,CACA,aAAA,CACA,eAAA,CACA,wBAAA,CACA,oBAAA,CACA,8BAAA,CAEF,OACI,UAAA,CAEJ,6BACE,aAAA,CAGF,6BACE,aAAA,CAGF,gCACE,YAAA,CAAA","sourcesContent":["table {\r\n    thead {\r\n        th {\r\n            &:first-of-type {\r\n                border-top-left-radius: 8px;\r\n            }\r\n            &:last-of-type {\r\n                border-top-right-radius: 8px;\r\n            }\r\n        }\r\n    }\r\n    tr {\r\n        &:last-of-type {\r\n            td {\r\n                &:first-of-type {\r\n                    border-bottom-left-radius: 8px;\r\n                }\r\n                &:last-of-type {\r\n                    border-bottom-right-radius: 8px;\r\n                }\r\n            }\r\n        }  \r\n    }\r\n    width: 100%; \r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .responsive-table-wrapper td::before {\r\n      content: attr(data-label);\r\n      display: block;\r\n      font-weight: 600;\r\n      text-transform: uppercase;\r\n      margin-bottom: 0.25rem;\r\n      color: var(--color-text-strong);\r\n    }\r\n    button {\r\n        width:100%;\r\n    }\r\n    .responsive-table-wrapper tr {\r\n      display: block;\r\n    }\r\n  \r\n    .responsive-table-wrapper td {\r\n      display: block;\r\n    }\r\n  \r\n    .responsive-table-wrapper thead {\r\n      display: none;\r\n    }\r\n  }"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 514:
@@ -469,47 +429,43 @@ module.exports = insertStyleElement;
 
 /***/ }),
 
-/***/ 604:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.navbar .nav-logo{max-height:40px}`, "",{"version":3,"sources":["webpack://./src/components/Navbar/navbar.scss"],"names":[],"mappings":"AACI,kBACI,eAAA","sourcesContent":[".navbar {\r\n    .nav-logo {\r\n        max-height: 40px;\r\n    }\r\n}"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
+/***/ 659:
+/***/ ((module) => {
 
-/***/ }),
 
-/***/ 705:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
+var memo = {};
 
+/* istanbul ignore next  */
+function getTarget(target) {
+  if (typeof memo[target] === "undefined") {
+    var styleTarget = document.querySelector(target);
 
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `table{width:100%}table thead th:first-of-type{border-top-left-radius:8px}table thead th:last-of-type{border-top-right-radius:8px}table tr:last-of-type td:first-of-type{border-bottom-left-radius:8px}table tr:last-of-type td:last-of-type{border-bottom-right-radius:8px}@media(max-width: 640px){.responsive-table-wrapper td::before{content:attr(data-label);display:block;font-weight:600;text-transform:uppercase;margin-bottom:.25rem;color:var(--color-text-strong)}.responsive-table-wrapper tr{display:block}.responsive-table-wrapper td{display:block;padding-left:1rem;padding-right:1rem}.responsive-table-wrapper thead{display:none}}`, "",{"version":3,"sources":["webpack://./src/components/Tables/table.scss"],"names":[],"mappings":"AAAA,MAuBI,UAAA,CApBQ,6BACI,0BAAA,CAEJ,4BACI,2BAAA,CAOA,uCACI,6BAAA,CAEJ,sCACI,8BAAA,CAQpB,yBACI,qCACE,wBAAA,CACA,aAAA,CACA,eAAA,CACA,wBAAA,CACA,oBAAA,CACA,8BAAA,CAGF,6BACE,aAAA,CAGF,6BACE,aAAA,CACA,iBAAA,CACA,kBAAA,CAGF,gCACE,YAAA,CAAA","sourcesContent":["table {\r\n    thead {\r\n        th {\r\n            &:first-of-type {\r\n                border-top-left-radius: 8px;\r\n            }\r\n            &:last-of-type {\r\n                border-top-right-radius: 8px;\r\n            }\r\n        }\r\n    }\r\n    tr {\r\n        &:last-of-type {\r\n            td {\r\n                &:first-of-type {\r\n                    border-bottom-left-radius: 8px;\r\n                }\r\n                &:last-of-type {\r\n                    border-bottom-right-radius: 8px;\r\n                }\r\n            }\r\n        }  \r\n    }\r\n    width: 100%; \r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .responsive-table-wrapper td::before {\r\n      content: attr(data-label);\r\n      display: block;\r\n      font-weight: 600;\r\n      text-transform: uppercase;\r\n      margin-bottom: 0.25rem;\r\n      color: var(--color-text-strong);\r\n    }\r\n  \r\n    .responsive-table-wrapper tr {\r\n      display: block;\r\n    }\r\n  \r\n    .responsive-table-wrapper td {\r\n      display: block;\r\n      padding-left: 1rem;\r\n      padding-right: 1rem;\r\n    }\r\n  \r\n    .responsive-table-wrapper thead {\r\n      display: none;\r\n    }\r\n  }"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+    // Special case to return head of iframe instead of iframe itself
+    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+      try {
+        // This will throw an exception if access to iframe is blocked
+        // due to cross-origin restrictions
+        styleTarget = styleTarget.contentDocument.head;
+      } catch (e) {
+        // istanbul ignore next
+        styleTarget = null;
+      }
+    }
+    memo[target] = styleTarget;
+  }
+  return memo[target];
+}
 
+/* istanbul ignore next  */
+function insertBySelector(insert, style) {
+  var target = getTarget(insert);
+  if (!target) {
+    throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+  }
+  target.appendChild(style);
+}
+module.exports = insertBySelector;
 
 /***/ }),
 
@@ -578,6 +534,50 @@ function domAPI(options) {
 }
 module.exports = domAPI;
 
+/***/ }),
+
+/***/ 833:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ``, "",{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 908:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.navbar .nav-logo{max-height:40px}`, "",{"version":3,"sources":["webpack://./src/components/Navbar/navbar.scss"],"names":[],"mappings":"AACI,kBACI,eAAA","sourcesContent":[".navbar {\r\n    .nav-logo {\r\n        max-height: 40px;\r\n    }\r\n}"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ })
 
 /******/ 	});
@@ -871,7 +871,7 @@ var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(inject
 var styleDomAPI = __webpack_require__(825);
 var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
-var insertBySelector = __webpack_require__(40);
+var insertBySelector = __webpack_require__(659);
 var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
 var setAttributesWithoutAttributes = __webpack_require__(56);
@@ -882,8 +882,8 @@ var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleE
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
 var styleTagTransform = __webpack_require__(113);
 var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Buttons/button.scss
-var Buttons_button = __webpack_require__(289);
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Buttons/button.scss
+var Buttons_button = __webpack_require__(833);
 ;// ./src/components/Buttons/button.scss
 
       
@@ -3788,13 +3788,15 @@ function Card(_ref) {
   } = _ref;
   // Theme override
   const intentClasses = {
+    default: 'bg-[--color-primary-bg] text-[--color-text-weak]',
     info: 'bg-[--color-util-blue-200] text-[--color-text-strong]',
     success: 'bg-[--color-util-green-200] text-[--color-text-strong]',
     error: 'bg-[--color-util-red-200] text-[--color-text-strong]',
-    brand: 'bg-[--color-primary-btn] text-[--color-white]',
-    brandSecondary: 'bg-[--color-secondary-btn] text-[--color-white]'
+    brand: 'bg-[--color-brand-primary] text-[--color-white]',
+    brandSecondary: 'bg-[--color-brand-secondary] text-[--color-white]'
   };
-  const cardClasses = dist_clsx('p-5', 'rounded-lg', 'shadow-lg', 'border-2 border-solid border-[--color-stroke]', 'bg-[--color-primary-bg]', 'text-[--color-text-weak]', intent && intentClasses[intent], className);
+  const resolvedIntent = intent || 'default';
+  const cardClasses = dist_clsx('p-5', 'rounded-lg', 'shadow-lg', 'border-2 border-solid border-[--color-stroke]', intentClasses[resolvedIntent], className);
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: cardClasses
   }, children);
@@ -3905,8 +3907,8 @@ function CalendarIcon({
 }
 const CalendarIcon_ForwardRef = /*#__PURE__*/ external_react_.forwardRef(CalendarIcon);
 /* harmony default export */ const esm_CalendarIcon = (CalendarIcon_ForwardRef);
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Forms/Datepickers/datepicker.scss
-var datepicker = __webpack_require__(117);
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Forms/Datepickers/datepicker.scss
+var datepicker = __webpack_require__(197);
 ;// ./src/components/Forms/Datepickers/datepicker.scss
 
       
@@ -4144,8 +4146,8 @@ function Checkbox(_ref) {
     className: "text-rose-500 text-sm mt-1"
   }, errorMessage));
 }
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Tables/table.scss
-var table = __webpack_require__(705);
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Tables/table.scss
+var table = __webpack_require__(494);
 ;// ./src/components/Tables/table.scss
 
       
@@ -4205,7 +4207,7 @@ function Table(_ref) {
       className: "block sm:table-row mb-4 sm:mb-0 rounded-lg sm:rounded-none border sm:border-0 border-[--color-stroke] p-4 sm:p-0 shadow-sm sm:shadow-none hover:bg-[--color-table-row-bg-hover] ".concat(backgroundClass, " ").concat(rowClassName)
     }, data.map(column => /*#__PURE__*/external_react_default().createElement("td", {
       key: column.key,
-      className: "block sm:table-cell px-4 py-2 text-sm text-[--color-text-weak] ".concat(cellClassName),
+      className: "block sm:table-cell lg:px-4 lg:py-2 text-sm text-[--color-text-weak] ".concat(cellClassName),
       "data-label": column.header
     }, column.render ? column.render(row) : row[column.key])));
   }))));
@@ -12775,7 +12777,7 @@ function Dropdown(_ref) {
     className: "-mr-1 h-5 w-5 text-[--color-text-weak] transition-transform duration-200 ".concat(isOpen ? 'rotate-180' : 'rotate-0')
   }))), !disabled && /*#__PURE__*/external_react_default().createElement(Pt, {
     transition: true,
-    className: " absolute  right-0  z-10  mt-2  w-56  origin-top-right  rounded-md bg-[--color-primary-bg]  shadow-lg  ring-1  ring-[--color-stroke]  ring-opacity-1  transition  focus:outline-none  max-h-48  overflow-y-auto ",
+    className: "\r absolute \r right-0 \r z-10 \r mt-2 \r w-56 \r origin-top-right \r rounded-md bg-[--color-primary-bg] \r shadow-lg \r ring-1 \r ring-[--color-stroke] \r ring-opacity-1 \r transition \r focus:outline-none \r max-h-48 \r overflow-y-auto\r ",
     onClick: () => setIsOpen(false)
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "py-1"
@@ -12794,8 +12796,8 @@ function Dropdown(_ref) {
     className: "text-utilRed1000 text-sm"
   }, errorMessage));
 }
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Navbar/navbar.scss
-var navbar = __webpack_require__(604);
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Navbar/navbar.scss
+var navbar = __webpack_require__(908);
 ;// ./src/components/Navbar/navbar.scss
 
       
@@ -12942,11 +12944,12 @@ var footer_logos_svg_default = /*#__PURE__*/__webpack_require__.n(footer_logos_s
 const CookieBanner = _ref => {
   let {
     logo,
-    policyTxt = "This website uses cookies to ensure you get the best experience on our site. By clicking Accept, you consent to the use of cookies.",
-    linkTxt = "Learn More",
+    policyTxt = 'This website uses cookies to ensure you get the best experience on our site. By clicking Accept, you consent to the use of cookies.',
+    linkTxt = 'Learn More',
     isVisible = true,
     onAccept = () => {},
-    onLearnMore = () => {}
+    onLearnMore = () => {},
+    intent = 'brandSecondary' // ✅ Allow intent override
   } = _ref;
   const [show, setShow] = (0,external_react_.useState)(false);
   const [render, setRender] = (0,external_react_.useState)(isVisible);
@@ -12970,8 +12973,8 @@ const CookieBanner = _ref => {
   }, [imageLoaded, render]);
   if (!render) return null;
   return /*#__PURE__*/external_react_default().createElement(Card, {
-    intent: "brandSecondary",
-    className: "\n        md:flex items-center justify-between p-4 space-x-4\n        transition-all duration-300 ease-in-out\n        ".concat(show ? "opacity-100 translate-y-0" : "opacity-0 translate-y-3", "\n      ")
+    intent: intent,
+    className: "md:flex items-center justify-between p-4 space-x-4 transition-all duration-300 ease-in-out ".concat(show ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-3')
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "md:flex items-center"
   }, /*#__PURE__*/external_react_default().createElement("div", {
@@ -13018,4 +13021,4 @@ const CookieBanner = _ref => {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.8da5d73984c35f0a61f6.js.map
+//# sourceMappingURL=opus-components.main.js.map