@aivenio/aquarium 1.42.0 → 1.44.0

package/dist/atoms.mjs

@@ -305,6 +305,22 @@ var require_announcement = __commonJS({
   }
 });
 
+// src/icons/appUsers.js
+var require_appUsers = __commonJS({
+  "src/icons/appUsers.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="1.5" d="M11.167 14.458H7.042c-1.28 0-1.92 0-2.44.158a3.667 3.667 0 00-2.444 2.445C2 17.58 2 18.22 2 19.5M13.458 7.125a4.125 4.125 0 11-8.25 0 4.125 4.125 0 018.25 0Z"/><path d="M16.865 17.598a1.1 1.1 0 100-2.2 1.1 1.1 0 000 2.2Z"/><path d="M19.33 17.498a.55.55 0 00.11.606l.02.02a.665.665 0 01-.471 1.139.667.667 0 01-.471-.196l-.02-.02a.55.55 0 00-.607-.11.55.55 0 00-.333.503v.057a.666.666 0 11-1.333 0v-.03a.55.55 0 00-.36-.503.55.55 0 00-.606.11l-.02.02a.665.665 0 01-1.138-.472.667.667 0 01.195-.471l.02-.02a.55.55 0 00.11-.607.55.55 0 00-.503-.333h-.057a.667.667 0 110-1.332h.03a.55.55 0 00.503-.36.551.551 0 00-.11-.607l-.02-.02a.667.667 0 11.943-.942l.02.02a.55.55 0 00.607.11h.027a.55.55 0 00.333-.504V13.5a.667.667 0 011.332 0v.03a.55.55 0 00.334.503.55.55 0 00.606-.11l.02-.02a.667.667 0 11.943.943l-.02.02a.55.55 0 00-.11.606v.027a.55.55 0 00.503.333h.057a.666.666 0 010 1.333h-.03a.55.55 0 00-.503.333Z"/></g>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/applications.js
 var require_applications = __commonJS({
   "src/icons/applications.js"(exports) {
@@ -1345,6 +1361,22 @@ var require_delete = __commonJS({
   }
 });
 
+// src/icons/deliveryLocation.js
+var require_deliveryLocation = __commonJS({
+  "src/icons/deliveryLocation.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.75 13.262C3.053 14.012 2 15.054 2 16.209c0 2.279 4.104 4.125 9.167 4.125 5.062 0 9.166-1.846 9.166-4.125 0-1.154-1.053-2.197-2.75-2.945M16.667 7.5c0 3.725-4.125 5.5-5.5 8.25-1.375-2.75-5.5-4.525-5.5-8.25a5.5 5.5 0 0111 0Zm-4.584 0a.917.917 0 11-1.833 0 .917.917 0 011.833 0Z"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/document.js
 var require_document = __commonJS({
   "src/icons/document.js"(exports) {
@@ -1841,6 +1873,22 @@ var require_gitCommit = __commonJS({
   }
 });
 
+// src/icons/gitDiff.js
+var require_gitDiff = __commonJS({
+  "src/icons/gitDiff.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="currentColor" fill-rule="evenodd" d="M12.348 7.824a.75.75 0 101.06-1.06l-.991-.992h2.96a1.067 1.067 0 011.067 1.067v5.692a3.477 3.477 0 101.5 0V6.84a2.567 2.567 0 00-2.567-2.567h-2.96l.991-.992a.75.75 0 00-1.06-1.06L10.076 4.49a.75.75 0 000 1.061l2.272 2.272Zm2.87 8.102a1.976 1.976 0 113.952 0 1.976 1.976 0 01-3.952 0Zm-6.327-2.347a.75.75 0 10-1.06 1.06l.991.992H6.294a1.067 1.067 0 01-1.068-1.068V8.871A3.477 3.477 0 004.476 2a3.476 3.476 0 00-.75 6.871v5.692a2.567 2.567 0 002.568 2.568h2.528l-.991.991a.75.75 0 001.06 1.06l2.272-2.27a.75.75 0 000-1.062l-2.272-2.27ZM6.452 5.476a1.976 1.976 0 11-3.952 0 1.976 1.976 0 013.952 0Z" clip-rule="evenodd"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/gitMerge.js
 var require_gitMerge = __commonJS({
   "src/icons/gitMerge.js"(exports) {
@@ -2433,6 +2481,22 @@ var require_logOut = __commonJS({
   }
 });
 
+// src/icons/managedUsers.js
+var require_managedUsers = __commonJS({
+  "src/icons/managedUsers.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.417 14.458H7.042c-1.28 0-1.92 0-2.44.158a3.667 3.667 0 00-2.444 2.445C2 17.58 2 18.22 2 19.5M13.458 7.125a4.125 4.125 0 11-8.25 0 4.125 4.125 0 018.25 0ZM10.25 19.5l2.843-.812c.136-.04.204-.059.268-.088a.911.911 0 00.16-.094c.056-.041.106-.091.206-.191l5.919-5.92a1.62 1.62 0 00-2.292-2.29l-5.919 5.918c-.1.1-.15.15-.191.206a.911.911 0 00-.094.16c-.03.064-.049.132-.088.268L10.25 19.5Z"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/manual.js
 var require_manual = __commonJS({
   "src/icons/manual.js"(exports) {
@@ -2737,6 +2801,38 @@ var require_office = __commonJS({
   }
 });
 
+// src/icons/orgAdmin.js
+var require_orgAdmin = __commonJS({
+  "src/icons/orgAdmin.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.508 3.27a9.167 9.167 0 0113.825 7.988M3.266 6.515A9.124 9.124 0 002 11.167a9.169 9.169 0 006.875 8.877m10.274-4.367a9.186 9.186 0 01-5.69 4.367M13.081 6.01a5.5 5.5 0 00-7.069 7.082m10.31-3.842a5.5 5.5 0 01-7.06 7.08m1.904-6.996V13"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
+// src/icons/orgUnit.js
+var require_orgUnit = __commonJS({
+  "src/icons/orgUnit.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.708 6.417h4.584m-4.584 3.666h4.584M8.708 13.75h4.584m3.208 5.5V5.683c0-1.026 0-1.54-.2-1.932a1.833 1.833 0 00-.801-.801c-.392-.2-.905-.2-1.932-.2H8.433c-1.026 0-1.54 0-1.932.2a1.833 1.833 0 00-.801.801c-.2.392-.2.906-.2 1.932V19.25m12.833 0H3.667"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/outdated.js
 var require_outdated = __commonJS({
   "src/icons/outdated.js"(exports) {
@@ -2993,6 +3089,22 @@ var require_power = __commonJS({
   }
 });
 
+// src/icons/proPlans.js
+var require_proPlans = __commonJS({
+  "src/icons/proPlans.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.292 20.333V15.75m0-9.167V2M2 4.292h4.583M2 18.042h4.583m5.5-15.125-1.59 4.133c-.258.672-.387 1.008-.588 1.29a2.75 2.75 0 01-.648.648c-.282.201-.618.33-1.29.589l-4.134 1.59 4.133 1.59c.673.258 1.009.387 1.291.588.25.178.47.397.648.648.2.282.33.618.589 1.29l1.59 4.134 1.589-4.134c.258-.672.388-1.008.589-1.29.178-.25.397-.47.647-.648.283-.2.62-.33 1.291-.589l4.133-1.59L16.2 9.578c-.672-.259-1.008-.388-1.29-.589a2.75 2.75 0 01-.648-.647c-.201-.283-.33-.62-.589-1.291l-1.59-4.133Z"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/projects.js
 var require_projects = __commonJS({
   "src/icons/projects.js"(exports) {
@@ -3073,6 +3185,38 @@ var require_puzzlePiece = __commonJS({
   }
 });
 
+// src/icons/queriesEditor.js
+var require_queriesEditor = __commonJS({
+  "src/icons/queriesEditor.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<g fill="none"><path fill="currentColor" d="m14 19.992.75.044-.75-.044Zm.281.19.289.693-.289-.692Zm1.877-.783.609.438-.609-.438Zm-.001 0 .289.693-.289-.692Zm-2.04-1.39.609.439-.609-.439Zm0 .003.748.044-.749-.044Zm3.233-4.488.608.439-.608-.439Zm2.042 1.39-.609-.44.609.44Zm-2.65-1.828-3.233 4.485 1.217.877 3.232-4.485-1.216-.877Zm.025 6.751L20 15.352l-1.217-.877-3.233 4.485 1.217.877Zm-3.4-1.868-.115 1.98 1.497.087.116-1.98-1.498-.087Zm1.203 2.906 1.876-.783-.578-1.384-1.876.783.578 1.384Zm-1.318-.927c-.043.736.702 1.183 1.318.927l-.578-1.384a.55.55 0 01.757.545l-1.497-.088Zm2.298-.988a.747.747 0 01.318-.252l.578 1.384a.752.752 0 00.32-.255l-1.216-.877Zm-2.041-1.39a.755.755 0 00-.142.399l1.498.087a.743.743 0 01-.14.392l-1.216-.877Zm6.006-4.973a2.026 2.026 0 00-2.773.489l1.216.877a.526.526 0 01.713-.126l.844-1.24Zm-.844 1.24a.445.445 0 01.112.638l1.217.877a1.945 1.945 0 00-.485-2.755l-.844 1.24Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.25 4.583c0 1.52-3.694 2.75-8.25 2.75s-8.25-1.23-8.25-2.75m16.5 0c0-1.518-3.694-2.75-8.25-2.75s-8.25 1.232-8.25 2.75m16.5 0V9M2.75 4.583v12.834c0 1.521 3.667 2.75 8.25 2.75M19.25 8.91c0 1.522-3.667 2.75-8.25 2.75s-8.25-1.228-8.25-2.75M11 15.987c-4.583 0-8.25-1.229-8.25-2.75"/></g>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
+// src/icons/queriesStatistics.js
+var require_queriesStatistics = __commonJS({
+  "src/icons/queriesStatistics.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="currentColor" fill-rule="evenodd" d="M3.5 4.583c0-.051.03-.22.363-.481.323-.255.838-.517 1.54-.752C6.802 2.884 8.78 2.583 11 2.583c2.22 0 4.199.301 5.596.767.703.235 1.218.497 1.541.752.332.262.363.43.363.481 0 .052-.03.22-.363.482-.323.255-.838.517-1.54.751-1.398.466-3.377.767-5.597.767-2.22 0-4.199-.3-5.596-.767-.703-.234-1.218-.496-1.541-.751-.332-.262-.363-.43-.363-.482ZM17.07 7.24a8.024 8.024 0 001.43-.619v2.29c0 .055-.032.224-.36.484-.321.254-.833.516-1.534.75-1.394.466-3.372.766-5.606.766s-4.212-.3-5.606-.766c-.701-.234-1.213-.496-1.534-.75-.328-.26-.36-.43-.36-.484V6.62c.416.238.901.443 1.43.62 1.587.529 3.734.843 6.07.843 2.336 0 4.483-.314 6.07-.844ZM4.92 11.567a7.978 7.978 0 01-1.419-.615v2.285c0 .044.018.155.193.334.179.183.477.388.917.592.876.407 2.165.741 3.727.924.829.097 1.725.15 2.663.15a.75.75 0 010 1.5c-.994 0-1.948-.056-2.837-.16-1.655-.194-3.115-.556-4.185-1.053a6.391 6.391 0 01-.478-.246v2.139c0 .054.032.223.36.483.321.255.833.517 1.534.75 1.394.466 3.372.767 5.606.767a.75.75 0 010 1.5c-2.35 0-4.496-.314-6.081-.843-.79-.264-1.48-.594-1.99-.998-.502-.398-.929-.953-.929-1.66V4.584c0-.708.431-1.263.934-1.66.511-.402 1.205-.732 1.995-.996 1.588-.53 3.735-.844 6.071-.844s4.483.315 6.07.844c.791.264 1.485.594 1.996.997.503.396.934.951.934 1.66V8.91c0 .706-.427 1.262-.929 1.66-.51.403-1.2.734-1.99.997-1.585.53-3.732.843-6.081.843-2.35 0-4.496-.313-6.081-.843ZM17.45 14.7a.75.75 0 00-1.5 0v5.5a.75.75 0 001.5 0v-5.5Zm-3.45.75a.75.75 0 01.75.75v4a.75.75 0 01-1.5 0v-4a.75.75 0 01.75-.75Zm6.05-2.25a.75.75 0 00-1.5 0v7a.75.75 0 001.5 0v-7Z" clip-rule="evenodd"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/queries.js
 var require_queries = __commonJS({
   "src/icons/queries.js"(exports) {
@@ -3217,6 +3361,22 @@ var require_roadmap = __commonJS({
   }
 });
 
+// src/icons/save.js
+var require_save = __commonJS({
+  "src/icons/save.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.417 2.75v3.117c0 .513 0 .77.1.966a.917.917 0 00.4.4c.196.1.453.1.966.1h6.234c.513 0 .77 0 .966-.1a.917.917 0 00.4-.4c.1-.196.1-.453.1-.966v-2.2m0 15.583v-5.867c0-.513 0-.77-.1-.966a.917.917 0 00-.4-.4c-.196-.1-.453-.1-.966-.1H7.883c-.513 0-.77 0-.966.1a.917.917 0 00-.4.4c-.1.196-.1.453-.1.966v5.867M19.25 8.548v6.302c0 1.54 0 2.31-.3 2.899a2.751 2.751 0 01-1.201 1.201c-.589.3-1.359.3-2.899.3h-7.7c-1.54 0-2.31 0-2.898-.3a2.75 2.75 0 01-1.202-1.2c-.3-.589-.3-1.359-.3-2.899v-7.7c0-1.54 0-2.31.3-2.898A2.75 2.75 0 014.252 3.05c.588-.3 1.358-.3 2.898-.3h6.302c.448 0 .672 0 .883.05.187.046.366.12.53.22.185.114.344.272.66.59l2.866 2.864c.317.317.476.476.589.66.1.165.174.344.22.53.05.212.05.436.05.884Z"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/saved.js
 var require_saved = __commonJS({
   "src/icons/saved.js"(exports) {
@@ -3697,6 +3857,22 @@ var require_timelineLineChart = __commonJS({
   }
 });
 
+// src/icons/tools.js
+var require_tools = __commonJS({
+  "src/icons/tools.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.667 5.667 4.125 4.125M5.667 5.667h-2.75L2 2.917 2.917 2l2.75.917v2.75ZM17.82 2.679l-2.409 2.409c-.363.363-.544.544-.612.754a.916.916 0 000 .566c.068.21.25.391.612.754l.218.218c.363.363.544.544.753.612.184.06.383.06.567 0 .21-.068.39-.25.754-.612l2.253-2.254a5.042 5.042 0 01-5.646 6.861c-.446-.087-.669-.13-.804-.117a.766.766 0 00-.341.104c-.12.063-.24.184-.48.424l-6.561 6.56a1.945 1.945 0 11-2.75-2.75l6.56-6.56c.24-.24.36-.36.425-.48a.766.766 0 00.104-.342c.013-.135-.03-.358-.119-.803A5.042 5.042 0 0117.82 2.68Zm-6.654 11.238 5.041 5.041a1.945 1.945 0 102.75-2.75l-4.147-4.147a5.029 5.029 0 01-.857-.157c-.357-.098-.748-.027-1.01.235l-1.777 1.778Z"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/trash.js
 var require_trash = __commonJS({
   "src/icons/trash.js"(exports) {
@@ -5198,7 +5374,11 @@ var Box = (_a) => {
     style: __spreadValues(__spreadValues({}, styles), style)
   }, rest));
 };
-Box.Flex = createSimpleComponent(Box, { display: "flex" }, "Box.Flex");
+var FlexBox = (props) => /* @__PURE__ */ React3.createElement(Box, __spreadValues({
+  display: "flex"
+}, props));
+FlexBox.displayName = "Box.Flex";
+Box.Flex = FlexBox;
 var BorderBox = createSimpleComponent(
   Box,
   { className: "rounded border", borderColor: "grey-10" },
@@ -5263,6 +5443,7 @@ var import_alignmentVerticalCenter = __toESM(require_alignmentVerticalCenter());
 var import_amexCard = __toESM(require_amexCard());
 var import_annotation = __toESM(require_annotation());
 var import_announcement = __toESM(require_announcement());
+var import_appUsers = __toESM(require_appUsers());
 var import_applications = __toESM(require_applications());
 var import_archive = __toESM(require_archive());
 var import_arrowCircleDown = __toESM(require_arrowCircleDown());
@@ -5328,6 +5509,7 @@ var import_dataflow02 = __toESM(require_dataflow02());
 var import_dataflow03 = __toESM(require_dataflow03());
 var import_dbBackup = __toESM(require_dbBackup());
 var import_delete = __toESM(require_delete());
+var import_deliveryLocation = __toESM(require_deliveryLocation());
 var import_document = __toESM(require_document());
 var import_dot = __toESM(require_dot());
 var import_doubleCaretHorizontal = __toESM(require_doubleCaretHorizontal());
@@ -5359,6 +5541,7 @@ var import_following = __toESM(require_following());
 var import_gift = __toESM(require_gift());
 var import_gitBranch = __toESM(require_gitBranch());
 var import_gitCommit = __toESM(require_gitCommit());
+var import_gitDiff = __toESM(require_gitDiff());
 var import_gitMerge = __toESM(require_gitMerge());
 var import_gitNewBranch = __toESM(require_gitNewBranch());
 var import_gitPull = __toESM(require_gitPull());
@@ -5396,6 +5579,7 @@ var import_loading = __toESM(require_loading());
 var import_lock = __toESM(require_lock());
 var import_logIn = __toESM(require_logIn());
 var import_logOut = __toESM(require_logOut());
+var import_managedUsers = __toESM(require_managedUsers());
 var import_manual = __toESM(require_manual());
 var import_mapMarker = __toESM(require_mapMarker());
 var import_map = __toESM(require_map());
@@ -5415,6 +5599,8 @@ var import_nodes = __toESM(require_nodes());
 var import_notificationsUpdated = __toESM(require_notificationsUpdated());
 var import_notifications = __toESM(require_notifications());
 var import_office = __toESM(require_office());
+var import_orgAdmin = __toESM(require_orgAdmin());
+var import_orgUnit = __toESM(require_orgUnit());
 var import_outdated = __toESM(require_outdated());
 var import_packageCheck = __toESM(require_packageCheck());
 var import_packageSearch = __toESM(require_packageSearch());
@@ -5431,11 +5617,14 @@ var import_plusCircle = __toESM(require_plusCircle());
 var import_plus = __toESM(require_plus());
 var import_pools = __toESM(require_pools());
 var import_power = __toESM(require_power());
+var import_proPlans = __toESM(require_proPlans());
 var import_projects = __toESM(require_projects());
 var import_properties = __toESM(require_properties());
 var import_property = __toESM(require_property());
 var import_pulse = __toESM(require_pulse());
 var import_puzzlePiece = __toESM(require_puzzlePiece());
+var import_queriesEditor = __toESM(require_queriesEditor());
+var import_queriesStatistics = __toESM(require_queriesStatistics());
 var import_queries = __toESM(require_queries());
 var import_questionMark = __toESM(require_questionMark());
 var import_recoverySwap = __toESM(require_recoverySwap());
@@ -5445,6 +5634,7 @@ var import_repeat = __toESM(require_repeat());
 var import_replicationFlow = __toESM(require_replicationFlow());
 var import_reset = __toESM(require_reset());
 var import_roadmap = __toESM(require_roadmap());
+var import_save = __toESM(require_save());
 var import_saved = __toESM(require_saved());
 var import_scatterPlot = __toESM(require_scatterPlot());
 var import_search = __toESM(require_search());
@@ -5475,6 +5665,7 @@ var import_time = __toESM(require_time());
 var import_timelineAreaChart = __toESM(require_timelineAreaChart());
 var import_timelineBarChart = __toESM(require_timelineBarChart());
 var import_timelineLineChart = __toESM(require_timelineLineChart());
+var import_tools = __toESM(require_tools());
 var import_trash = __toESM(require_trash());
 var import_unlock = __toESM(require_unlock());
 var import_unpin = __toESM(require_unpin());
@@ -6323,12 +6514,144 @@ Alert.Dismiss = (_a) => {
 };
 
 // src/atoms/Card/Card.tsx
-import React17 from "react";
+import React19 from "react";
 import isNumber from "lodash/isNumber";
-var Card = React17.forwardRef(
+
+// src/molecules/Typography/Typography.tsx
+import React17 from "react";
+var Typography2 = (props) => /* @__PURE__ */ React17.createElement(Typography, __spreadValues({}, props));
+Typography2.LargeHeading = (_a) => {
+  var _b = _a, { htmlTag = "h1" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "large-heading"
+  }));
+};
+Typography2.Heading = (_a) => {
+  var _b = _a, { htmlTag = "h1", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "heading"
+  }));
+};
+Typography2.Subheading = (_a) => {
+  var _b = _a, { htmlTag = "h2", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "subheading"
+  }));
+};
+Typography2.LargeStrong = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "large-strong"
+  }));
+};
+Typography2.Large = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "large"
+  }));
+};
+Typography2.DefaultStrong = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "default-strong"
+  }));
+};
+Typography2.Default = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "default"
+  }));
+};
+Typography2.Paragraph = (_a) => {
+  var _b = _a, { htmlTag = "p", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
+  return /* @__PURE__ */ React17.createElement(Typography2.Default, __spreadProps(__spreadValues({}, props), {
+    htmlTag
+  }));
+};
+Typography2.P = Typography2.Paragraph;
+Typography2.SmallStrong = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "small-strong"
+  }));
+};
+Typography2.Small = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "small"
+  }));
+};
+Typography2.Caption = (_a) => {
+  var _b = _a, { htmlTag = "div", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "caption"
+  }));
+};
+Typography2.LargeText = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "large-strong"
+  }));
+};
+Typography2.MediumText = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "default-strong"
+  }));
+};
+Typography2.Text = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "default"
+  }));
+};
+Typography2.SmallText = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "small"
+  }));
+};
+Typography2.SmallTextBold = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React17.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "small-strong"
+  }));
+};
+
+// src/atoms/LineClamp/LineClamp.tsx
+import React18 from "react";
+var LineClamp = React18.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { lines = 1, clamped = true, children, className, wordBreak = "break-words" } = _b, props = __objRest(_b, ["lines", "clamped", "children", "className", "wordBreak"]);
+    return /* @__PURE__ */ React18.createElement("div", __spreadValues({
+      ref,
+      className: classNames(className, wordBreak === "break-words" ? "break-words" : "break-all", {
+        [`line-clamp-${lines}`]: clamped
+      })
+    }, props), children);
+  }
+);
+
+// src/atoms/Card/Card.tsx
+var Card = React19.forwardRef(
   (_a, ref) => {
     var _b = _a, { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _b, rest = __objRest(_b, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
-    return /* @__PURE__ */ React17.createElement("div", __spreadProps(__spreadValues({
+    return /* @__PURE__ */ React19.createElement("div", __spreadProps(__spreadValues({
       ref
     }, rest), {
       className: classNames(
@@ -6346,14 +6669,14 @@ var Card = React17.forwardRef(
 );
 var ColorHighlight = (_a) => {
   var _b = _a, { color, className } = _b, rest = __objRest(_b, ["color", "className"]);
-  return /* @__PURE__ */ React17.createElement(Box, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React19.createElement(Box, __spreadProps(__spreadValues({}, rest), {
     backgroundColor: color,
     className: classNames(tw("h-1 w-full absolute top-0 left-0 right-0"), className)
   }));
 };
 var ImageContainer = (_a) => {
   var _b = _a, { className, fullSize } = _b, rest = __objRest(_b, ["className", "fullSize"]);
-  return /* @__PURE__ */ React17.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React19.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       tw("-mx-4", {
         "-mt-4": Boolean(fullSize)
@@ -6363,7 +6686,7 @@ var ImageContainer = (_a) => {
   }));
 };
 var classes = "w-full bg-cover object-cover";
-var Image = ({ image, imageAlt, fullSize = false, imageHeight }) => /* @__PURE__ */ React17.createElement("img", {
+var Image = ({ image, imageAlt, fullSize = false, imageHeight }) => /* @__PURE__ */ React19.createElement("img", {
   src: image,
   alt: imageAlt,
   className: tw(classes, {
@@ -6372,37 +6695,68 @@ var Image = ({ image, imageAlt, fullSize = false, imageHeight }) => /* @__PURE__
   }),
   style: { height: isNumber(imageHeight) ? `${imageHeight}px` : imageHeight }
 });
+var Title = (props) => /* @__PURE__ */ React19.createElement(Box.Flex, __spreadValues({
+  component: "div",
+  alignItems: "center",
+  gap: "2"
+}, props));
 var Content = (_a) => {
   var _b = _a, { className, dense } = _b, rest = __objRest(_b, ["className", "dense"]);
-  return /* @__PURE__ */ React17.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React19.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("flex flex-col", { "gap-4": !dense }), className)
   }));
 };
 var Actions = (_a) => {
   var _b = _a, { className, dense } = _b, rest = __objRest(_b, ["className", "dense"]);
-  return /* @__PURE__ */ React17.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React19.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("flex gap-3 items-center", { "pt-3 ": !dense }), className)
   }));
 };
+Card.Title = Title;
 Card.Content = Content;
 Card.Actions = Actions;
 Card.ImageContainer = ImageContainer;
 Card.Image = Image;
 Card.ColorHiglight = ColorHighlight;
+var isCardTitleComponent = (c) => {
+  return React19.isValidElement(c) && c.type === Card.Title;
+};
+var getTitleContent = ({
+  title,
+  clampTitle,
+  dense = false
+}) => {
+  if (typeof title !== "string" && !isCardTitleComponent(title)) {
+    throw new Error(
+      "Wrap a custom card title element with <Card.Title> to get the desired spacing between children elements applied."
+    );
+  }
+  const titleContent = /* @__PURE__ */ React19.createElement(Typography2, {
+    variant: dense ? "small-strong" : "default-strong",
+    color: "black"
+  }, title);
+  if (clampTitle) {
+    return /* @__PURE__ */ React19.createElement(LineClamp, {
+      lines: clampTitle,
+      wordBreak: "break-all"
+    }, titleContent);
+  }
+  return titleContent;
+};
 
 // src/atoms/Checkbox/Checkbox.tsx
-import React18 from "react";
+import React20 from "react";
 var import_minus2 = __toESM(require_minus());
 var import_tick2 = __toESM(require_tick());
-var Checkbox = React18.forwardRef(
+var Checkbox = React20.forwardRef(
   (_a, ref) => {
     var _b = _a, { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
-    return /* @__PURE__ */ React18.createElement("span", {
+    return /* @__PURE__ */ React20.createElement("span", {
       className: classNames(tw("inline-flex justify-center items-center self-center relative"), {
         "hover:border-grey-50 peer-checked:border-primary-80": !disabled,
         "border-grey-5": disabled
       })
-    }, /* @__PURE__ */ React18.createElement("input", __spreadProps(__spreadValues({
+    }, /* @__PURE__ */ React20.createElement("input", __spreadProps(__spreadValues({
       id,
       ref,
       type: "checkbox",
@@ -6416,7 +6770,7 @@ var Checkbox = React18.forwardRef(
       ),
       readOnly,
       disabled
-    })), /* @__PURE__ */ React18.createElement(Icon, {
+    })), /* @__PURE__ */ React20.createElement(Icon, {
       icon: indeterminate ? import_minus2.default : import_tick2.default,
       strokeWidth: "2px",
       className: classNames(
@@ -6436,11 +6790,11 @@ var Checkbox = React18.forwardRef(
 );
 
 // src/atoms/Chip/Chip.tsx
-import React19 from "react";
-var Container = React19.forwardRef(
+import React21 from "react";
+var Container = React21.forwardRef(
   (_a, ref) => {
     var _b = _a, { dense = false, className, children } = _b, rest = __objRest(_b, ["dense", "className", "children"]);
-    return /* @__PURE__ */ React19.createElement("span", __spreadValues({
+    return /* @__PURE__ */ React21.createElement("span", __spreadValues({
       ref,
       className: classNames(
         tw("inline-flex items-center rounded-sm transition whitespace-nowrap", {
@@ -6476,29 +6830,42 @@ var DIALOG_ICONS_AND_COLORS = {
 };
 
 // src/atoms/DropdownMenu/DropdownMenu.tsx
-import React23 from "react";
+import React24 from "react";
 
 // src/molecules/Badge/Badge.tsx
-import React21 from "react";
+import React23 from "react";
 
 // src/molecules/Skeleton/Skeleton.tsx
-import React20 from "react";
+import React22 from "react";
 import isNumber2 from "lodash/isNumber";
 import isUndefined7 from "lodash/isUndefined";
-var Skeleton = ({
-  width,
-  height,
-  display = "block",
-  className,
-  animate = true,
-  rounded = false
-}) => {
+var Skeleton = (_a) => {
+  var _b = _a, {
+    width,
+    height,
+    display = "block",
+    className,
+    animate = true,
+    rounded = false,
+    style
+  } = _b, rest = __objRest(_b, [
+    "width",
+    "height",
+    "display",
+    "className",
+    "animate",
+    "rounded",
+    "style"
+  ]);
   const styles = {
     width: isNumber2(width) ? `${width}px` : width,
     height: isNumber2(height) ? `${height}px` : height
   };
-  return /* @__PURE__ */ React20.createElement("div", {
-    style: styles,
+  return /* @__PURE__ */ React22.createElement("div", __spreadProps(__spreadValues({
+    "aria-label": "Loading..."
+  }, rest), {
+    style: __spreadValues(__spreadValues({}, styles), style),
+    role: "progressbar",
     className: classNames(
       "Aquarium-Skeleton",
       tw("bg-grey-5", {
@@ -6510,7 +6877,7 @@ var Skeleton = ({
       }),
       className
     )
-  });
+  }));
 };
 
 // src/molecules/Badge/Badge.tsx
@@ -6518,7 +6885,7 @@ var createBadge = (type, displayName) => {
   const Component = (props) => {
     const _a = props, { kind = "filled", value, textClassname, dense = false } = _a, rest = __objRest(_a, ["kind", "value", "textClassname", "dense"]);
     const valueStr = value.toString();
-    return /* @__PURE__ */ React21.createElement("span", __spreadProps(__spreadValues({}, rest), {
+    return /* @__PURE__ */ React23.createElement("span", __spreadProps(__spreadValues({}, rest), {
       className: classNames(
         tw("inline-block text-center", {
           "rounded-full": type === "default" || type === "chip",
@@ -6533,7 +6900,7 @@ var createBadge = (type, displayName) => {
         }),
         "Aquarium-Badge"
       )
-    }), /* @__PURE__ */ React21.createElement("span", {
+    }), /* @__PURE__ */ React23.createElement("span", {
       className: classNames(
         textClassname,
         tw("inline-block", {
@@ -6544,7 +6911,7 @@ var createBadge = (type, displayName) => {
     }, valueStr));
   };
   Component.displayName = displayName;
-  Component.Skeleton = () => /* @__PURE__ */ React21.createElement(Skeleton, {
+  Component.Skeleton = () => /* @__PURE__ */ React23.createElement(Skeleton, {
     height: 16,
     width: 16,
     display: "inline-block",
@@ -6558,15 +6925,15 @@ var NotificationBadge = ({
   top = "-2px",
   right = "-2px"
 }) => {
-  return /* @__PURE__ */ React21.createElement("div", {
+  return /* @__PURE__ */ React23.createElement("div", {
     className: tw("relative inline-flex")
-  }, children, /* @__PURE__ */ React21.createElement("span", {
+  }, children, /* @__PURE__ */ React23.createElement("span", {
     style: { top, right },
     className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
   }));
 };
 var DotBadge = ({ dense = false }) => {
-  return /* @__PURE__ */ React21.createElement("span", {
+  return /* @__PURE__ */ React23.createElement("span", {
     className: tw("rounded-full bg-current", {
       "w-[6px] h-[6px]": dense,
       "w-[9px] h-[9px]": !dense
@@ -6581,154 +6948,38 @@ Badge.Dot.displayName = "Badge.Dot";
 var TabBadge = createBadge("tab", "TabBadge");
 var ChipBadge = createBadge("chip", "ChipBadge");
 
-// src/molecules/Typography/Typography.tsx
-import React22 from "react";
-var Typography2 = (props) => /* @__PURE__ */ React22.createElement(Typography, __spreadValues({}, props));
-Typography2.LargeHeading = (_a) => {
-  var _b = _a, { htmlTag = "h1" } = _b, props = __objRest(_b, ["htmlTag"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "large-heading"
-  }));
-};
-Typography2.Heading = (_a) => {
-  var _b = _a, { htmlTag = "h1", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "heading"
-  }));
-};
-Typography2.Subheading = (_a) => {
-  var _b = _a, { htmlTag = "h2", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "subheading"
-  }));
-};
-Typography2.LargeStrong = (_a) => {
-  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "large-strong"
-  }));
-};
-Typography2.Large = (_a) => {
-  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "large"
-  }));
-};
-Typography2.DefaultStrong = (_a) => {
-  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "default-strong"
-  }));
-};
-Typography2.Default = (_a) => {
-  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "default"
-  }));
-};
-Typography2.Paragraph = (_a) => {
-  var _b = _a, { htmlTag = "p", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
-  return /* @__PURE__ */ React22.createElement(Typography2.Default, __spreadProps(__spreadValues({}, props), {
-    htmlTag
-  }));
-};
-Typography2.P = Typography2.Paragraph;
-Typography2.SmallStrong = (_a) => {
-  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "small-strong"
-  }));
-};
-Typography2.Small = (_a) => {
-  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "small"
-  }));
-};
-Typography2.Caption = (_a) => {
-  var _b = _a, { htmlTag = "div", fontWeight } = _b, props = __objRest(_b, ["htmlTag", "fontWeight"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "caption"
-  }));
-};
-Typography2.LargeText = (_a) => {
-  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "large-strong"
-  }));
-};
-Typography2.MediumText = (_a) => {
-  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "default-strong"
-  }));
-};
-Typography2.Text = (_a) => {
-  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "default"
-  }));
-};
-Typography2.SmallText = (_a) => {
-  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "small"
-  }));
-};
-Typography2.SmallTextBold = (_a) => {
-  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
-  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, props), {
-    htmlTag,
-    variant: "small-strong"
-  }));
-};
-
 // src/atoms/DropdownMenu/DropdownMenu.tsx
 var import_tick3 = __toESM(require_tick());
-var DropdownMenu = React23.forwardRef(
+var DropdownMenu = React24.forwardRef(
   (_a, ref) => {
     var _b = _a, { maxHeight = "450px", minWidth = "125px", maxWidth, className, children } = _b, props = __objRest(_b, ["maxHeight", "minWidth", "maxWidth", "className", "children"]);
-    return /* @__PURE__ */ React23.createElement("div", __spreadValues({
+    return /* @__PURE__ */ React24.createElement("div", __spreadValues({
       ref,
       style: { maxHeight, minWidth, maxWidth },
       className: classNames(className, "bg-white w-full flex flex-col overflow-x-hidden typography-small text-grey-70")
     }, props), children);
   }
 );
-var ContentContainer = ({ children }) => /* @__PURE__ */ React23.createElement("div", {
+var ContentContainer = ({ children }) => /* @__PURE__ */ React24.createElement("div", {
   className: tw("p-3 overflow-y-auto overflow-x-hidden")
 }, children);
 DropdownMenu.ContentContainer = ContentContainer;
-var List = React23.forwardRef(
+var List = React24.forwardRef(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ React23.createElement("ul", __spreadValues({
+    return /* @__PURE__ */ React24.createElement("ul", __spreadValues({
       ref,
       className: classNames(className, "outline-none ring-0")
     }, props), children);
   }
 );
 DropdownMenu.List = List;
-var Group = React23.forwardRef(
+var Group = React24.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, title, titleProps, children } = _b, props = __objRest(_b, ["className", "title", "titleProps", "children"]);
-    return /* @__PURE__ */ React23.createElement("li", __spreadValues({
+    return /* @__PURE__ */ React24.createElement("li", __spreadValues({
       ref
-    }, props), title && /* @__PURE__ */ React23.createElement("div", __spreadValues({
+    }, props), title && /* @__PURE__ */ React24.createElement("div", __spreadValues({
       className: classNames(className, "p-3 text-grey-40 uppercase cursor-default typography-caption", {
         "text-grey-20": props.disabled
       })
@@ -6736,10 +6987,10 @@ var Group = React23.forwardRef(
   }
 );
 DropdownMenu.Group = Group;
-var Item = React23.forwardRef(
+var Item = React24.forwardRef(
   (_a, ref) => {
     var _b = _a, { kind, highlighted, selected, className, icon, showNotification = false, children } = _b, props = __objRest(_b, ["kind", "highlighted", "selected", "className", "icon", "showNotification", "children"]);
-    return /* @__PURE__ */ React23.createElement("li", __spreadValues({
+    return /* @__PURE__ */ React24.createElement("li", __spreadValues({
       ref,
       className: classNames(className, "flex items-center gap-x-3 p-3 outline-none", {
         "cursor-pointer hover:bg-grey-0": !props.disabled,
@@ -6747,42 +6998,42 @@ var Item = React23.forwardRef(
         "text-primary-80": kind === "action",
         "text-grey-20 cursor-not-allowed": props.disabled
       })
-    }, props), icon && showNotification && /* @__PURE__ */ React23.createElement(Badge.Notification, null, /* @__PURE__ */ React23.createElement(InlineIcon, {
+    }, props), icon && showNotification && /* @__PURE__ */ React24.createElement(Badge.Notification, null, /* @__PURE__ */ React24.createElement(InlineIcon, {
       icon
-    })), icon && !showNotification && /* @__PURE__ */ React23.createElement(InlineIcon, {
+    })), icon && !showNotification && /* @__PURE__ */ React24.createElement(InlineIcon, {
       icon
-    }), /* @__PURE__ */ React23.createElement("span", {
+    }), /* @__PURE__ */ React24.createElement("span", {
       className: tw("grow")
-    }, children), selected && /* @__PURE__ */ React23.createElement(InlineIcon, {
+    }, children), selected && /* @__PURE__ */ React24.createElement(InlineIcon, {
       icon: import_tick3.default
     }));
   }
 );
 DropdownMenu.Item = Item;
-var Description = ({ disabled, children }) => /* @__PURE__ */ React23.createElement(Typography2.Caption, {
+var Description = ({ disabled, children }) => /* @__PURE__ */ React24.createElement(Typography2.Caption, {
   color: disabled ? "grey-20" : "grey-40"
 }, children);
 DropdownMenu.Description = Description;
 var Separator = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React23.createElement("li", __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ React24.createElement("li", __spreadProps(__spreadValues({}, props), {
     className: classNames(className, tw("m-3 block bg-grey-5 h-[1px]"))
   }));
 };
 DropdownMenu.Separator = Separator;
 var EmptyStateContainer = (_a) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React23.createElement("div", __spreadValues({
+  return /* @__PURE__ */ React24.createElement("div", __spreadValues({
     className: classNames(tw("border border-dashed border-grey-10 p-3"), className)
   }, props), children);
 };
 DropdownMenu.EmptyStateContainer = EmptyStateContainer;
 
 // src/atoms/InputGroup/InputGroup.tsx
-import React25 from "react";
+import React26 from "react";
 
 // src/molecules/Grid/Grid.tsx
-import React24 from "react";
+import React25 from "react";
 import isEmpty from "lodash/isEmpty";
 import mapValues from "lodash/mapValues";
 import pick from "lodash/pick";
@@ -6833,14 +7084,14 @@ var GridItem = Tailwindify(
       gridRowEnd: rowEnd
     });
     const HtmlElement = htmlTag;
-    return /* @__PURE__ */ React24.createElement(HtmlElement, {
+    return /* @__PURE__ */ React25.createElement(HtmlElement, {
       style: __spreadValues(__spreadValues({}, hookStyle), style),
       className
     }, children);
   }
 );
 var Grid = (props) => {
-  return /* @__PURE__ */ React24.createElement(GridComponent, __spreadValues({}, props));
+  return /* @__PURE__ */ React25.createElement(GridComponent, __spreadValues({}, props));
 };
 var GridComponent = Tailwindify(
   ({
@@ -6894,12 +7145,13 @@ var GridComponent = Tailwindify(
       gridRowEnd: rowEnd
     });
     const HtmlElement = htmlTag;
-    return /* @__PURE__ */ React24.createElement(HtmlElement, {
+    return /* @__PURE__ */ React25.createElement(HtmlElement, {
       style: __spreadValues(__spreadValues({}, hookStyle), style),
       className
     }, children);
   }
 );
+Grid.displayName = "Grid";
 Grid.Item = GridItem;
 Grid.Item.displayName = "Grid.Item";
 
@@ -6912,7 +7164,7 @@ var gridColumnStyles = {
 };
 var InputGroup = (_a) => {
   var _b = _a, { cols = "1", children } = _b, rest = __objRest(_b, ["cols", "children"]);
-  return /* @__PURE__ */ React25.createElement(Grid, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React26.createElement(Grid, __spreadProps(__spreadValues({}, rest), {
     display: "inline-grid",
     colGap: "l4",
     rowGap: "3",
@@ -6922,19 +7174,19 @@ var InputGroup = (_a) => {
 };
 
 // src/atoms/Link/Link.tsx
-import React26 from "react";
+import React27 from "react";
 var Link = (_a) => {
   var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React26.createElement("a", __spreadValues({
+  return /* @__PURE__ */ React27.createElement("a", __spreadValues({
     className: classNames(className, linkStyle)
   }, props), children);
 };
 
 // src/atoms/Modal/Modal.tsx
-import React27 from "react";
+import React28 from "react";
 var Modal = (_a) => {
   var _b = _a, { children, className, open } = _b, rest = __objRest(_b, ["children", "className", "open"]);
-  return open ? /* @__PURE__ */ React27.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return open ? /* @__PURE__ */ React28.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       tw("inset-0 overflow-y-auto z-modal flex justify-center items-center fixed py-7"),
       className
@@ -6943,14 +7195,14 @@ var Modal = (_a) => {
 };
 Modal.BackDrop = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React27.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React28.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("-z-10 fixed min-w-full min-h-full bg-primary-100 opacity-60"), className)
   }));
 };
-Modal.Dialog = React27.forwardRef(
+Modal.Dialog = React28.forwardRef(
   (_a, ref) => {
     var _b = _a, { children, className, size = "sm" } = _b, rest = __objRest(_b, ["children", "className", "size"]);
-    return /* @__PURE__ */ React27.createElement("div", __spreadProps(__spreadValues({
+    return /* @__PURE__ */ React28.createElement("div", __spreadProps(__spreadValues({
       ref,
       "aria-modal": "true"
     }, rest), {
@@ -6968,31 +7220,31 @@ Modal.Dialog = React27.forwardRef(
 );
 Modal.Header = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React27.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React28.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("px-7 py-6 gap-3 flex items-center"), className)
   }), children);
 };
 Modal.HeaderImage = (_a) => {
   var _b = _a, { backgroundImage, className } = _b, rest = __objRest(_b, ["backgroundImage", "className"]);
   const common = tw("h-[120px] min-h-[120px] w-full ");
-  return backgroundImage ? /* @__PURE__ */ React27.createElement("img", __spreadProps(__spreadValues({
+  return backgroundImage ? /* @__PURE__ */ React28.createElement("img", __spreadProps(__spreadValues({
     "aria-hidden": true,
     src: backgroundImage != null ? backgroundImage : void 0
   }, rest), {
     className: classNames(common, tw("object-cover"), className)
-  })) : /* @__PURE__ */ React27.createElement("div", {
+  })) : /* @__PURE__ */ React28.createElement("div", {
     className: classNames(common, tw("bg-grey-5"), className)
   });
 };
 Modal.CloseButtonContainer = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React27.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React28.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("absolute top-[20px] right-[28px]"), className)
   }));
 };
 Modal.Title = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React27.createElement(Typography, __spreadValues({
+  return /* @__PURE__ */ React28.createElement(Typography, __spreadValues({
     htmlTag: "h2",
     variant: "subheading",
     color: "grey-90",
@@ -7001,77 +7253,77 @@ Modal.Title = (_a) => {
 };
 Modal.Subtitle = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React27.createElement(Typography, __spreadValues({
+  return /* @__PURE__ */ React28.createElement(Typography, __spreadValues({
     variant: "small",
     color: "grey-60"
   }, rest), children);
 };
 Modal.TitleContainer = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React27.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React28.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("flex flex-col grow gap-2"), className)
   }), children);
 };
 Modal.Body = (_a) => {
   var _b = _a, { children, className, noFooter = false, maxHeight, style } = _b, rest = __objRest(_b, ["children", "className", "noFooter", "maxHeight", "style"]);
-  return /* @__PURE__ */ React27.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React28.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("px-7 grow overflow-y-auto", { "pb-6": noFooter }), className),
     style: __spreadValues({ maxHeight }, style)
   }), children);
 };
 Modal.Footer = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React27.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React28.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("px-7 py-6"), className)
   }), children);
 };
 Modal.Actions = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React27.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React28.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("flex gap-4 justify-end"), className)
   }), children);
 };
 
 // src/atoms/Navigation/Navigation.tsx
-import React28 from "react";
+import React29 from "react";
 var Navigation = (_a) => {
   var _b = _a, { className, children } = _b, rest = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React28.createElement("nav", {
+  return /* @__PURE__ */ React29.createElement("nav", {
     className: classNames(tw("bg-grey-0 h-full"))
-  }, /* @__PURE__ */ React28.createElement("ul", __spreadProps(__spreadValues({}, rest), {
+  }, /* @__PURE__ */ React29.createElement("ul", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("flex flex-col h-full"), className),
     role: "menu"
   }), children));
 };
 var Header = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement("li", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React29.createElement("li", __spreadProps(__spreadValues({}, rest), {
     role: "presentation",
     className: classNames(tw("px-6 py-5"), className)
   }));
 };
 var Footer = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement("li", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React29.createElement("li", __spreadProps(__spreadValues({}, rest), {
     role: "presentation",
     className: classNames(tw("px-6 py-5 mt-auto"), className)
   }));
 };
 var Section = (_a) => {
   var _b = _a, { title, className } = _b, rest = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ React28.createElement("li", {
+  return /* @__PURE__ */ React29.createElement("li", {
     role: "presentation",
     className: tw("py-5")
-  }, title && /* @__PURE__ */ React28.createElement("div", {
+  }, title && /* @__PURE__ */ React29.createElement("div", {
     className: classNames(className, "py-2 px-6 text-grey-40 uppercase cursor-default typography-caption")
-  }, title), /* @__PURE__ */ React28.createElement("ul", __spreadProps(__spreadValues({}, rest), {
+  }, title), /* @__PURE__ */ React29.createElement("ul", __spreadProps(__spreadValues({}, rest), {
     role: "group",
     className: classNames(tw("flex flex-col"), className)
   })));
 };
 var Divider = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement("li", __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React29.createElement("li", __spreadProps(__spreadValues({
     role: "separator"
   }, rest), {
     className: classNames(tw("border-t-2 border-grey-5"), className)
@@ -7079,9 +7331,9 @@ var Divider = (_a) => {
 };
 var Item2 = (_a) => {
   var _b = _a, { className, active } = _b, rest = __objRest(_b, ["className", "active"]);
-  return /* @__PURE__ */ React28.createElement("li", {
+  return /* @__PURE__ */ React29.createElement("li", {
     role: "presentation"
-  }, /* @__PURE__ */ React28.createElement("a", __spreadProps(__spreadValues({}, rest), {
+  }, /* @__PURE__ */ React29.createElement("a", __spreadProps(__spreadValues({}, rest), {
     role: "menuitem",
     className: classNames(
       tw("py-3 px-6 hover:bg-grey-5 cursor-pointer flex gap-4 items-center typography-small focusable", {
@@ -7099,10 +7351,10 @@ Navigation.Item = Item2;
 Navigation.Divider = Divider;
 
 // src/atoms/Popover/Popover.tsx
-import React29 from "react";
-var PopoverPanel = React29.forwardRef((_a, ref) => {
+import React30 from "react";
+var PopoverPanel = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React29.createElement("div", __spreadValues({
+  return /* @__PURE__ */ React30.createElement("div", __spreadValues({
     ref,
     className: classNames(
       className,
@@ -7111,7 +7363,7 @@ var PopoverPanel = React29.forwardRef((_a, ref) => {
   }, props), children);
 });
 PopoverPanel.displayName = "Popover.Panel";
-var PopoverUnderlay = React29.forwardRef((props, ref) => /* @__PURE__ */ React29.createElement("div", __spreadProps(__spreadValues({
+var PopoverUnderlay = React30.forwardRef((props, ref) => /* @__PURE__ */ React30.createElement("div", __spreadProps(__spreadValues({
   ref
 }, props), {
   className: tw("fixed inset-0")
@@ -7123,23 +7375,23 @@ var Popover = {
 };
 
 // src/atoms/PopoverDialog/PopoverDialog.tsx
-import React30 from "react";
+import React31 from "react";
 var Header2 = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React30.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React31.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("p-5 gap-3 flex items-center"), className)
   }), children);
 };
-var Title = (_a) => {
+var Title2 = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React30.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React31.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
     htmlTag: "h1",
     variant: "small-strong"
   }), children);
 };
 var Body = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React30.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React31.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
     htmlTag: "div",
     variant: "caption",
     className: classNames(tw("px-5 overflow-y-auto"), className)
@@ -7147,30 +7399,30 @@ var Body = (_a) => {
 };
 var Footer2 = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React30.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React31.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("p-5"), className)
   }), children);
 };
 var Actions2 = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React30.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React31.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("flex gap-4"), className)
   }), children);
 };
 var PopoverDialog = {
   Header: Header2,
-  Title,
+  Title: Title2,
   Body,
   Footer: Footer2,
   Actions: Actions2
 };
 
 // src/atoms/RadioButton/RadioButton.tsx
-import React31 from "react";
-var RadioButton = React31.forwardRef(
+import React32 from "react";
+var RadioButton = React32.forwardRef(
   (_a, ref) => {
     var _b = _a, { id, children, name, disabled = false, readOnly = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly"]);
-    return /* @__PURE__ */ React31.createElement("input", __spreadProps(__spreadValues({
+    return /* @__PURE__ */ React32.createElement("input", __spreadProps(__spreadValues({
       id,
       ref,
       type: "radio",
@@ -7194,7 +7446,7 @@ var RadioButton = React31.forwardRef(
 );
 
 // src/atoms/Select/Select.tsx
-import React32 from "react";
+import React33 from "react";
 var import_chevronDown3 = __toESM(require_chevronDown());
 var import_chevronUp2 = __toESM(require_chevronUp());
 var import_search2 = __toESM(require_search());
@@ -7214,16 +7466,16 @@ function isOptionDisabledBuiltin(option) {
 }
 var getValues = (children) => {
   var _a;
-  const values = React32.Children.map(children, (c) => {
+  const values = React33.Children.map(children, (c) => {
     var _a2;
     return (_a2 = c == null ? void 0 : c.props) == null ? void 0 : _a2.value;
   });
   return (_a = values == null ? void 0 : values.filter((v) => v !== void 0 && v !== null)) != null ? _a : [];
 };
-var InputContainer = React32.forwardRef(
+var InputContainer = React33.forwardRef(
   (_a, ref) => {
     var _b = _a, { variant = "default", className } = _b, props = __objRest(_b, ["variant", "className"]);
-    return /* @__PURE__ */ React32.createElement("div", __spreadValues({
+    return /* @__PURE__ */ React33.createElement("div", __spreadValues({
       ref,
       className: classNames(
         className,
@@ -7242,9 +7494,9 @@ var InputContainer = React32.forwardRef(
     }, props));
   }
 );
-var Input = React32.forwardRef((_a, ref) => {
+var Input = React33.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React32.createElement("input", __spreadValues({
+  return /* @__PURE__ */ React33.createElement("input", __spreadValues({
     ref,
     type: "text",
     className: classNames(
@@ -7258,39 +7510,39 @@ var Input = React32.forwardRef((_a, ref) => {
     )
   }, props));
 });
-var Menu = React32.forwardRef(
+var Menu = React33.forwardRef(
   (_a, ref) => {
     var _b = _a, { maxHeight = "450px", className, children } = _b, props = __objRest(_b, ["maxHeight", "className", "children"]);
-    return /* @__PURE__ */ React32.createElement("ul", __spreadValues({
+    return /* @__PURE__ */ React33.createElement("ul", __spreadValues({
       ref,
       style: { maxHeight },
       className
     }, props), children);
   }
 );
-var NoResults = React32.forwardRef(
+var NoResults = React33.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, children } = _b, rest = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ React32.createElement("li", __spreadProps(__spreadValues({
+    return /* @__PURE__ */ React33.createElement("li", __spreadProps(__spreadValues({
       ref
     }, rest), {
       className: classNames(tw("p-3 text-grey-40 italic"), className)
     }), children);
   }
 );
-var EmptyStateContainer2 = React32.forwardRef((_a, ref) => {
+var EmptyStateContainer2 = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React32.createElement("li", __spreadValues({
+  return /* @__PURE__ */ React33.createElement("li", __spreadValues({
     ref,
     className: tw("border border-dashed border-grey-10 m-4 p-6")
   }, props), children);
 });
-var Divider2 = (props) => /* @__PURE__ */ React32.createElement("div", __spreadValues({
+var Divider2 = (props) => /* @__PURE__ */ React33.createElement("div", __spreadValues({
   className: tw("border-b-[1px] border-grey-5 mx-3 my-4")
 }, props));
-var Group2 = React32.forwardRef((_a, ref) => {
+var Group2 = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React32.createElement("li", __spreadValues({
+  return /* @__PURE__ */ React33.createElement("li", __spreadValues({
     ref,
     className: classNames(
       className,
@@ -7301,10 +7553,10 @@ var Group2 = React32.forwardRef((_a, ref) => {
     )
   }, props), children);
 });
-var Item3 = React32.forwardRef(
+var Item3 = React33.forwardRef(
   (_a, ref) => {
     var _b = _a, { highlighted, selected, className, children } = _b, props = __objRest(_b, ["highlighted", "selected", "className", "children"]);
-    return /* @__PURE__ */ React32.createElement("li", __spreadValues({
+    return /* @__PURE__ */ React33.createElement("li", __spreadValues({
       ref,
       className: classNames(className, "flex items-center gap-x-3 p-3 typography-small", {
         "cursor-pointer": !props.disabled,
@@ -7312,17 +7564,17 @@ var Item3 = React32.forwardRef(
         "text-grey-20": props.disabled,
         "hover:bg-grey-0": !props.disabled
       })
-    }, props), /* @__PURE__ */ React32.createElement("span", {
+    }, props), /* @__PURE__ */ React33.createElement("span", {
       className: tw("grow flex gap-x-3")
-    }, children), selected && /* @__PURE__ */ React32.createElement(InlineIcon, {
+    }, children), selected && /* @__PURE__ */ React33.createElement(InlineIcon, {
       icon: import_tick4.default
     }));
   }
 );
-var ActionItem = React32.forwardRef(
+var ActionItem = React33.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, dense, icon, onClick, children } = _b, props = __objRest(_b, ["className", "dense", "icon", "onClick", "children"]);
-    return /* @__PURE__ */ React32.createElement("li", __spreadValues({
+    return /* @__PURE__ */ React33.createElement("li", __spreadValues({
       ref,
       role: "button",
       onClick: () => !props.disabled && (onClick == null ? void 0 : onClick()),
@@ -7333,21 +7585,21 @@ var ActionItem = React32.forwardRef(
         "text-grey-20": props.disabled,
         "hover:text-primary-70": !props.disabled
       })
-    }, props), icon && /* @__PURE__ */ React32.createElement(InlineIcon, {
+    }, props), icon && /* @__PURE__ */ React33.createElement(InlineIcon, {
       icon
     }), children);
   }
 );
-var Toggle = React32.forwardRef((_a, ref) => {
+var Toggle = React33.forwardRef((_a, ref) => {
   var _b = _a, { hasFocus, isOpen } = _b, props = __objRest(_b, ["hasFocus", "isOpen"]);
   var _a2;
-  return /* @__PURE__ */ React32.createElement("button", __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React33.createElement("button", __spreadProps(__spreadValues({
     ref,
     type: "button",
     "aria-label": "Toggle"
   }, props), {
     className: tw("grow-0 leading-none", { "cursor-not-allowed": (_a2 = props.disabled) != null ? _a2 : false })
-  }), /* @__PURE__ */ React32.createElement(InlineIcon, {
+  }), /* @__PURE__ */ React33.createElement(InlineIcon, {
     color: props.disabled ? "grey-40" : "grey-70",
     icon: hasFocus ? import_search2.default : isOpen ? import_chevronUp2.default : import_chevronDown3.default
   }));
@@ -7366,11 +7618,11 @@ var Select = {
 };
 
 // src/atoms/Stepper/Stepper.tsx
-import React33 from "react";
+import React34 from "react";
 var import_tick5 = __toESM(require_tick());
 var Stepper = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React33.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React34.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(className)
   }));
 };
@@ -7384,7 +7636,7 @@ var ConnectorContainer = (_a) => {
     "completed",
     "dense"
   ]);
-  return /* @__PURE__ */ React33.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React34.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       tw("absolute w-full -left-1/2", {
         "top-[3px] px-[14px]": Boolean(dense),
@@ -7396,7 +7648,7 @@ var ConnectorContainer = (_a) => {
 };
 var Connector = (_a) => {
   var _b = _a, { children, className, completed, dense } = _b, rest = __objRest(_b, ["children", "className", "completed", "dense"]);
-  return /* @__PURE__ */ React33.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React34.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       tw("w-full", {
         "bg-grey-20": !completed,
@@ -7410,7 +7662,7 @@ var Connector = (_a) => {
 };
 var Step = (_a) => {
   var _b = _a, { className, state } = _b, rest = __objRest(_b, ["className", "state"]);
-  return /* @__PURE__ */ React33.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React34.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       tw("flex flex-col items-center text-grey-90 relative text-center", {
         "text-grey-20": state === "inactive"
@@ -7431,13 +7683,13 @@ var getDenseClassNames = (state) => tw("h-[8px] w-[8px]", {
 });
 var Indicator = (_a) => {
   var _b = _a, { children, className, state, dense } = _b, rest = __objRest(_b, ["children", "className", "state", "dense"]);
-  return /* @__PURE__ */ React33.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React34.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       tw("rounded-full flex justify-center items-center mx-2 mb-3"),
       dense ? getDenseClassNames(state) : getClassNames(state),
       className
     )
-  }), state === "completed" ? /* @__PURE__ */ React33.createElement(InlineIcon, {
+  }), state === "completed" ? /* @__PURE__ */ React34.createElement(InlineIcon, {
     icon: import_tick5.default
   }) : dense ? null : children);
 };
@@ -7447,14 +7699,14 @@ ConnectorContainer.Connector = Connector;
 Stepper.ConnectorContainer = ConnectorContainer;
 
 // src/atoms/Switch/Switch.tsx
-import React34 from "react";
+import React35 from "react";
 var import_ban2 = __toESM(require_ban());
-var Switch = React34.forwardRef(
+var Switch = React35.forwardRef(
   (_a, ref) => {
     var _b = _a, { id, children, name, disabled = false, readOnly = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly"]);
-    return /* @__PURE__ */ React34.createElement("span", {
+    return /* @__PURE__ */ React35.createElement("span", {
       className: tw("relative inline-flex justify-center items-center self-center group")
-    }, /* @__PURE__ */ React34.createElement("input", __spreadProps(__spreadValues({
+    }, /* @__PURE__ */ React35.createElement("input", __spreadProps(__spreadValues({
       id,
       ref,
       type: "checkbox",
@@ -7473,7 +7725,7 @@ var Switch = React34.forwardRef(
       ),
       readOnly,
       disabled
-    })), /* @__PURE__ */ React34.createElement("span", {
+    })), /* @__PURE__ */ React35.createElement("span", {
       className: tw(
         "pointer-events-none rounded-full absolute inline-flex justify-center items-center transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5",
         "bg-white left-2 peer-checked/switch:left-1 text-grey-30 peer-checked/switch:text-primary-60",
@@ -7481,7 +7733,7 @@ var Switch = React34.forwardRef(
           "shadow-4dp": !disabled
         }
       )
-    }, disabled && /* @__PURE__ */ React34.createElement(Icon, {
+    }, disabled && /* @__PURE__ */ React35.createElement(Icon, {
       icon: import_ban2.default,
       width: "10px",
       height: "10px"
@@ -7490,32 +7742,32 @@ var Switch = React34.forwardRef(
 );
 
 // src/atoms/Table/Table.tsx
-import React35 from "react";
+import React36 from "react";
 var import_chevronDown4 = __toESM(require_chevronDown());
 var import_chevronUp3 = __toESM(require_chevronUp());
-var HeadContext = React35.createContext(null);
+var HeadContext = React36.createContext(null);
 var tableClassNames = tw("w-full relative typography-default border-spacing-0");
 var Table = (_a) => {
   var _b = _a, { children, ariaLabel, className } = _b, rest = __objRest(_b, ["children", "ariaLabel", "className"]);
-  return /* @__PURE__ */ React35.createElement("table", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React36.createElement("table", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tableClassNames, className),
     "aria-label": ariaLabel
   }), children);
 };
 var TableHead = (_a) => {
   var _b = _a, { children, sticky } = _b, rest = __objRest(_b, ["children", "sticky"]);
-  return /* @__PURE__ */ React35.createElement("thead", __spreadValues({}, rest), /* @__PURE__ */ React35.createElement("tr", null, /* @__PURE__ */ React35.createElement(HeadContext.Provider, {
+  return /* @__PURE__ */ React36.createElement("thead", __spreadValues({}, rest), /* @__PURE__ */ React36.createElement("tr", null, /* @__PURE__ */ React36.createElement(HeadContext.Provider, {
     value: { children, sticky }
   }, children)));
 };
 var TableBody = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React35.createElement("tbody", __spreadValues({}, rest), children);
+  return /* @__PURE__ */ React36.createElement("tbody", __spreadValues({}, rest), children);
 };
 var rowClassNames = tw("children:border-grey-10 group children:last:border-b-0 hover:bg-grey-0");
 var TableRow = (_a) => {
   var _b = _a, { children, className, disabled } = _b, rest = __objRest(_b, ["children", "className", "disabled"]);
-  return /* @__PURE__ */ React35.createElement("tr", __spreadProps(__spreadValues(__spreadValues({}, rest), { inert: disabled ? "" : void 0 }), {
+  return /* @__PURE__ */ React36.createElement("tr", __spreadProps(__spreadValues(__spreadValues({}, rest), { inert: disabled ? "" : void 0 }), {
     className: classNames(rowClassNames, className, {
       "opacity-70": disabled
     })
@@ -7544,15 +7796,15 @@ var getHeadCellClassNames = (sticky = true, stickyColumn) => {
 };
 var TableCell = (_a) => {
   var _b = _a, { children, className, stickyColumn, align = "left" } = _b, rest = __objRest(_b, ["children", "className", "stickyColumn", "align"]);
-  const headContext = React35.useContext(HeadContext);
-  return headContext ? /* @__PURE__ */ React35.createElement("th", __spreadProps(__spreadValues({}, rest), {
+  const headContext = React36.useContext(HeadContext);
+  return headContext ? /* @__PURE__ */ React36.createElement("th", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       cellClassNames,
       getHeadCellClassNames(headContext.sticky, stickyColumn),
       getAlignClassNames(align),
       className
     )
-  }), children) : /* @__PURE__ */ React35.createElement("td", __spreadProps(__spreadValues({}, rest), {
+  }), children) : /* @__PURE__ */ React36.createElement("td", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       cellClassNames,
       getBodyCellClassNames(true, stickyColumn),
@@ -7563,11 +7815,11 @@ var TableCell = (_a) => {
 };
 var TableSelectCell = (_a) => {
   var _b = _a, { ariaLabel } = _b, props = __objRest(_b, ["ariaLabel"]);
-  return /* @__PURE__ */ React35.createElement(Table.Cell, {
+  return /* @__PURE__ */ React36.createElement(Table.Cell, {
     className: tw("leading-[0px]")
-  }, props.type === "radio" ? /* @__PURE__ */ React35.createElement(RadioButton, __spreadValues({
+  }, props.type === "radio" ? /* @__PURE__ */ React36.createElement(RadioButton, __spreadValues({
     "aria-label": ariaLabel
-  }, props)) : /* @__PURE__ */ React35.createElement(Checkbox, __spreadValues({
+  }, props)) : /* @__PURE__ */ React36.createElement(Checkbox, __spreadValues({
     "aria-label": ariaLabel
   }, props)));
 };
@@ -7577,39 +7829,39 @@ var getSortCellIconClassNames = (active) => {
 };
 var TableSortCell = (_a) => {
   var _b = _a, { children, direction = "none", onClick } = _b, rest = __objRest(_b, ["children", "direction", "onClick"]);
-  return /* @__PURE__ */ React35.createElement(Table.Cell, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React36.createElement(Table.Cell, __spreadProps(__spreadValues({}, rest), {
     "aria-sort": direction
-  }), /* @__PURE__ */ React35.createElement("span", {
+  }), /* @__PURE__ */ React36.createElement("span", {
     className: getSortCellButtonClassNames(rest.align),
     role: "button",
     tabIndex: -1,
     onClick
-  }, children, /* @__PURE__ */ React35.createElement("div", {
+  }, children, /* @__PURE__ */ React36.createElement("div", {
     "data-sort-icons": true,
     className: tw("flex flex-col", {
       "invisible group-hover:visible": direction === "none"
     })
-  }, /* @__PURE__ */ React35.createElement(InlineIcon, {
+  }, /* @__PURE__ */ React36.createElement(InlineIcon, {
     icon: import_chevronUp3.default,
     className: getSortCellIconClassNames(direction === "descending")
-  }), /* @__PURE__ */ React35.createElement(InlineIcon, {
+  }), /* @__PURE__ */ React36.createElement(InlineIcon, {
     icon: import_chevronDown4.default,
     className: getSortCellIconClassNames(direction === "ascending")
   }))));
 };
-var Item4 = ({ image, imageAlt, imageSize = 35, title, caption }) => /* @__PURE__ */ React35.createElement("div", {
+var Item4 = ({ image, imageAlt, imageSize = 35, title, caption }) => /* @__PURE__ */ React36.createElement("div", {
   className: tw("flex gap-4 items-center")
-}, image && /* @__PURE__ */ React35.createElement("img", {
+}, image && /* @__PURE__ */ React36.createElement("img", {
   src: image,
   alt: imageAlt,
   style: { width: imageSize, height: imageSize }
-}), /* @__PURE__ */ React35.createElement("div", null, title, caption && /* @__PURE__ */ React35.createElement(Typography2.Caption, null, caption)));
-Table.Head = React35.memo(TableHead);
-Table.Body = React35.memo(TableBody);
-Table.Row = React35.memo(TableRow);
-Table.Cell = React35.memo(TableCell);
-Table.SortCell = React35.memo(TableSortCell);
-Table.SelectCell = React35.memo(TableSelectCell);
+}), /* @__PURE__ */ React36.createElement("div", null, title, caption && /* @__PURE__ */ React36.createElement(Typography2.Caption, null, caption)));
+Table.Head = React36.memo(TableHead);
+Table.Body = React36.memo(TableBody);
+Table.Row = React36.memo(TableRow);
+Table.Cell = React36.memo(TableCell);
+Table.SortCell = React36.memo(TableSortCell);
+Table.SelectCell = React36.memo(TableSelectCell);
 export {
   Alert,
   Card,
@@ -7637,6 +7889,7 @@ export {
   getOptionLabelBuiltin,
   getSortCellButtonClassNames,
   getSortCellIconClassNames,
+  getTitleContent,
   getValues,
   isOptionDisabledBuiltin,
   rowClassNames