fictoan-react 1.11.12 → 1.11.14

package/dist/{Heading-rqGgiuKe.js → Modal-eaK0YswF.js}

@@ -882,10 +882,10 @@ function _typeof$5(o) {
     return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
   }, _typeof$5(o);
 }
-function _slicedToArray$d(r, e) {
-  return _arrayWithHoles$d(r) || _iterableToArrayLimit$d(r, e) || _unsupportedIterableToArray$f(r, e) || _nonIterableRest$d();
+function _slicedToArray$c(r, e) {
+  return _arrayWithHoles$c(r) || _iterableToArrayLimit$c(r, e) || _unsupportedIterableToArray$f(r, e) || _nonIterableRest$c();
 }
-function _nonIterableRest$d() {
+function _nonIterableRest$c() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _unsupportedIterableToArray$f(r, a) {
@@ -900,7 +900,7 @@ function _arrayLikeToArray$f(r, a) {
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
-function _iterableToArrayLimit$d(r, l) {
+function _iterableToArrayLimit$c(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
     var e, n, i, u, a = [], f = true, o = false;
@@ -921,7 +921,7 @@ function _iterableToArrayLimit$d(r, l) {
     return a;
   }
 }
-function _arrayWithHoles$d(r) {
+function _arrayWithHoles$c(r) {
   if (Array.isArray(r)) return r;
 }
 function _objectWithoutProperties$H(e, t) {
@@ -944,10 +944,10 @@ function _objectWithoutPropertiesLoose$H(r, e) {
 }
 var CodeBlock = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   var children = _ref.children, source = _ref.source, _ref$language = _ref.language, language = _ref$language === void 0 ? "json" : _ref$language, showCopyButton = _ref.showCopyButton, showLineNumbers = _ref.showLineNumbers, description = _ref.description, _ref$withSyntaxHighli = _ref.withSyntaxHighlighting, withSyntaxHighlighting = _ref$withSyntaxHighli === void 0 ? false : _ref$withSyntaxHighli, _ref$makeEditable = _ref.makeEditable, makeEditable = _ref$makeEditable === void 0 ? false : _ref$makeEditable, onChange = _ref.onChange, props = _objectWithoutProperties$H(_ref, _excluded$H);
-  var _useState = useState(false), _useState2 = _slicedToArray$d(_useState, 2), isCodeCopied = _useState2[0], setIsCodeCopied = _useState2[1];
-  var _useState3 = useState(null), _useState4 = _slicedToArray$d(_useState3, 2), prismModule = _useState4[0], setPrismModule = _useState4[1];
-  var _useState5 = useState(withSyntaxHighlighting), _useState6 = _slicedToArray$d(_useState5, 2), isLoading = _useState6[0], setIsLoading = _useState6[1];
-  var _useState7 = useState(null), _useState8 = _slicedToArray$d(_useState7, 2), codeElement = _useState8[0], setCodeElement = _useState8[1];
+  var _useState = useState(false), _useState2 = _slicedToArray$c(_useState, 2), isCodeCopied = _useState2[0], setIsCodeCopied = _useState2[1];
+  var _useState3 = useState(null), _useState4 = _slicedToArray$c(_useState3, 2), prismModule = _useState4[0], setPrismModule = _useState4[1];
+  var _useState5 = useState(withSyntaxHighlighting), _useState6 = _slicedToArray$c(_useState5, 2), isLoading = _useState6[0], setIsLoading = _useState6[1];
+  var _useState7 = useState(null), _useState8 = _slicedToArray$c(_useState7, 2), codeElement = _useState8[0], setCodeElement = _useState8[1];
   var preRef = useRef(null);
   var initialCode = typeof children === "string" ? children : React.Children.toArray(children).join("");
   if (!children) {
@@ -967,7 +967,7 @@ var CodeBlock = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
               return Promise.all([import("prismjs"), language !== "plain" ? import("prismjs/components/prism-".concat(language)) : Promise.resolve()]);
             case 4:
               _yield$Promise$all = _context.sent;
-              _yield$Promise$all2 = _slicedToArray$d(_yield$Promise$all, 1);
+              _yield$Promise$all2 = _slicedToArray$c(_yield$Promise$all, 1);
               prism = _yield$Promise$all2[0];
               setPrismModule(prism["default"]);
               _context.next = 13;
@@ -1225,7 +1225,7 @@ var useClickOutside = function useClickOutside2(ref, handler) {
     };
   }, [ref, memoizedHandler]);
 };
-var _excluded$F = ["children", "openWhen", "closeWhen", "closeOnClickOutside", "padding", "position", "size", "bgColor", "bgColour", "isDismissible", "showOverlay", "label"];
+var _excluded$F = ["id", "children", "position", "size", "padding", "bgColor", "bgColour", "isDismissible", "showOverlay", "blurOverlay", "closeOnClickOutside", "label", "description", "classNames"];
 function _extends$G() {
   return _extends$G = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -1235,11 +1235,11 @@ function _extends$G() {
     return n;
   }, _extends$G.apply(null, arguments);
 }
-function _slicedToArray$c(r, e) {
-  return _arrayWithHoles$c(r) || _iterableToArrayLimit$c(r, e) || _unsupportedIterableToArray$e(r, e) || _nonIterableRest$c();
+function _toConsumableArray$6(r) {
+  return _arrayWithoutHoles$6(r) || _iterableToArray$6(r) || _unsupportedIterableToArray$e(r) || _nonIterableSpread$6();
 }
-function _nonIterableRest$c() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+function _nonIterableSpread$6() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _unsupportedIterableToArray$e(r, a) {
   if (r) {
@@ -1248,33 +1248,17 @@ function _unsupportedIterableToArray$e(r, a) {
     return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0;
   }
 }
+function _iterableToArray$6(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _arrayWithoutHoles$6(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray$e(r);
+}
 function _arrayLikeToArray$e(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
-function _iterableToArrayLimit$c(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e, n, i, u, a = [], f = true, o = false;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) ;
-      else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true) ;
-    } catch (r2) {
-      o = true, n = r2;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-function _arrayWithHoles$c(r) {
-  if (Array.isArray(r)) return r;
-}
 function _objectWithoutProperties$F(e, t) {
   if (null == e) return {};
   var o, r, i = _objectWithoutPropertiesLoose$F(e, t);
@@ -1294,78 +1278,123 @@ function _objectWithoutPropertiesLoose$F(r, e) {
   return t;
 }
 var Drawer = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, openWhen = _ref.openWhen, closeWhen = _ref.closeWhen, closeOnClickOutside = _ref.closeOnClickOutside, padding = _ref.padding, position = _ref.position, _ref$size = _ref.size, size = _ref$size === void 0 ? "medium" : _ref$size, bgColor = _ref.bgColor, bgColour = _ref.bgColour, _ref$isDismissible = _ref.isDismissible, isDismissible = _ref$isDismissible === void 0 ? true : _ref$isDismissible, _ref$showOverlay = _ref.showOverlay, showOverlay = _ref$showOverlay === void 0 ? false : _ref$showOverlay, label = _ref.label, props = _objectWithoutProperties$F(_ref, _excluded$F);
-  var _useState = useState(openWhen), _useState2 = _slicedToArray$c(_useState, 2), shouldRender = _useState2[0], setShouldRender = _useState2[1];
+  var id = _ref.id, children = _ref.children, _ref$position = _ref.position, position = _ref$position === void 0 ? "right" : _ref$position, _ref$size = _ref.size, size = _ref$size === void 0 ? "medium" : _ref$size, _ref$padding = _ref.padding, padding = _ref$padding === void 0 ? "micro" : _ref$padding, bgColor = _ref.bgColor, bgColour = _ref.bgColour, _ref$isDismissible = _ref.isDismissible, isDismissible = _ref$isDismissible === void 0 ? true : _ref$isDismissible, _ref$showOverlay = _ref.showOverlay, showOverlay = _ref$showOverlay === void 0 ? true : _ref$showOverlay, _ref$blurOverlay = _ref.blurOverlay, blurOverlay = _ref$blurOverlay === void 0 ? false : _ref$blurOverlay, _ref$closeOnClickOuts = _ref.closeOnClickOutside, closeOnClickOutside = _ref$closeOnClickOuts === void 0 ? true : _ref$closeOnClickOuts, label = _ref.label, description = _ref.description, _ref$classNames = _ref.classNames, classNames = _ref$classNames === void 0 ? [] : _ref$classNames, props = _objectWithoutProperties$F(_ref, _excluded$F);
+  var drawerId = "".concat(id);
+  var descriptionId = description ? "".concat(drawerId, "-description") : void 0;
   var drawerRef = useRef(null);
   var effectiveRef = ref || drawerRef;
+  var drawerClasses = ["drawer", position, size].concat(_toConsumableArray$6(showOverlay ? ["with-overlay"] : []), _toConsumableArray$6(blurOverlay ? ["blur-overlay"] : []), _toConsumableArray$6(classNames));
   useEffect(function() {
-    if (openWhen) {
-      setShouldRender(true);
-    }
-  }, [openWhen]);
-  var onAnimationEnd = function onAnimationEnd2() {
-    if (!openWhen) {
-      setShouldRender(false);
+    var handleEscape = function handleEscape2(e) {
+      if (e.key === "Escape" && isDismissible) {
+        var drawer = document.querySelector("#".concat(id, "[data-drawer]"));
+        if (drawer !== null && drawer !== void 0 && drawer.classList.contains("open")) {
+          hideDrawer(id);
+        }
+      }
+    };
+    document.addEventListener("keydown", handleEscape);
+    return function() {
+      return document.removeEventListener("keydown", handleEscape);
+    };
+  }, [id, isDismissible]);
+  useClickOutside(effectiveRef, function() {
+    if (closeOnClickOutside && isDismissible) {
+      var drawer = effectiveRef.current;
+      if (drawer !== null && drawer !== void 0 && drawer.classList.contains("open")) {
+        hideDrawer(id);
+      }
     }
-  };
-  var classNames = ["drawer"];
-  if (position) {
-    classNames.push(position);
-  }
-  if (openWhen) {
-    classNames.push("open");
-  } else if (shouldRender) {
-    classNames.push("close");
-  }
-  if (size) {
-    classNames.push(size);
-  }
-  var closeDrawer = function closeDrawer2() {
-    return closeWhen === null || closeWhen === void 0 ? void 0 : closeWhen();
-  };
-  useClickOutside(effectiveRef, closeOnClickOutside ? closeDrawer : function() {
   });
-  var handleKeyDown = function handleKeyDown2(e) {
-    if (e.key === "Escape" && isDismissible) {
-      closeDrawer();
+  var handleAnimationEnd = function handleAnimationEnd2(e) {
+    if (e.animationName.includes("slide-out") || e.animationName.includes("fade-out")) {
+      e.currentTarget.classList.remove("closing");
     }
   };
-  var handleContentClick = function handleContentClick2(e) {
-    e.stopPropagation();
-  };
-  return shouldRender ? /* @__PURE__ */ React.createElement(Element, _extends$G({
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, showOverlay && /* @__PURE__ */ React.createElement(Div, {
+    className: "drawer-overlay ".concat(blurOverlay ? "blur" : ""),
+    "data-drawer-overlay-for": id,
+    "aria-hidden": "true",
+    onClick: closeOnClickOutside && isDismissible ? function() {
+      return hideDrawer(id);
+    } : void 0
+  }), /* @__PURE__ */ React.createElement(Element, _extends$G({
     as: "div",
+    id: drawerId,
     "data-drawer": true,
     ref: effectiveRef,
-    classNames,
-    onAnimationEnd,
-    onKeyDown: handleKeyDown,
+    classNames: drawerClasses,
+    onAnimationEnd: handleAnimationEnd,
     role: "dialog",
     "aria-modal": "true",
     "aria-label": label || "Drawer",
+    "aria-describedby": descriptionId,
     tabIndex: -1
-  }, props), openWhen && showOverlay && /* @__PURE__ */ React.createElement(Div, {
-    className: "rest-of-page-overlay ".concat(openWhen ? "visible" : ""),
-    "aria-hidden": "true",
-    onClick: closeOnClickOutside ? closeDrawer : void 0
-  }), /* @__PURE__ */ React.createElement(Div, {
-    className: "drawer-wrapper"
-  }, /* @__PURE__ */ React.createElement(Div, {
-    className: "drawer-content-wrapper",
-    padding,
-    bgColor,
-    bgColour,
-    role: "document",
-    onClick: handleContentClick
-  }, /* @__PURE__ */ React.createElement(Div, {
-    className: "drawer-inner-content"
-  }, children)), isDismissible && /* @__PURE__ */ React.createElement("button", {
+  }, props), isDismissible && /* @__PURE__ */ React.createElement("button", {
     className: "drawer-dismiss-button",
-    onClick: closeDrawer,
+    onClick: function onClick() {
+      return hideDrawer(id);
+    },
     "aria-label": "Close drawer",
     tabIndex: 0
-  }))) : null;
+  }, "×"), /* @__PURE__ */ React.createElement(Div, {
+    className: "drawer-content",
+    padding,
+    bgColor,
+    bgColour
+  }, description && /* @__PURE__ */ React.createElement("div", {
+    id: descriptionId,
+    className: "sr-only"
+  }, description), /* @__PURE__ */ React.createElement("div", {
+    role: "document"
+  }, children))));
 });
+var showDrawer = function showDrawer2(drawerId) {
+  var drawer = document.querySelector("#".concat(drawerId, "[data-drawer]"));
+  var overlay = document.querySelector('[data-drawer-overlay-for="'.concat(drawerId, '"]'));
+  if (drawer) {
+    drawer.classList.remove("closing");
+    drawer.classList.add("open");
+    if (overlay) {
+      overlay.classList.add("visible");
+    }
+    drawer.focus();
+    var activeElement = document.activeElement;
+    if (activeElement) {
+      drawer.setAttribute("data-trigger-element", activeElement.id || "");
+    }
+    document.body.style.overflow = "hidden";
+  }
+};
+var hideDrawer = function hideDrawer2(drawerId) {
+  var drawer = document.querySelector("#".concat(drawerId, "[data-drawer]"));
+  var overlay = document.querySelector('[data-drawer-overlay-for="'.concat(drawerId, '"]'));
+  if (drawer && drawer.classList.contains("open")) {
+    drawer.classList.add("closing");
+    drawer.classList.remove("open");
+    if (overlay) {
+      overlay.classList.remove("visible");
+    }
+    document.body.style.overflow = "";
+    var triggerId = drawer.getAttribute("data-trigger-element");
+    if (triggerId) {
+      var triggerElement = document.getElementById(triggerId);
+      if (triggerElement) {
+        triggerElement.focus();
+      }
+    }
+  }
+};
+var toggleDrawer = function toggleDrawer2(drawerId) {
+  var drawer = document.querySelector("#".concat(drawerId, "[data-drawer]"));
+  if (drawer) {
+    drawer.classList.contains("open") ? hideDrawer(drawerId) : showDrawer(drawerId);
+  }
+};
+var isDrawerOpen = function isDrawerOpen2(drawerId) {
+  var drawer = document.querySelector("#".concat(drawerId, "[data-drawer]"));
+  return drawer ? drawer.classList.contains("open") : false;
+};
 var _excluded$E = ["label", "hideLabel", "htmlFor"];
 function _extends$F() {
   return _extends$F = Object.assign ? Object.assign.bind() : function(n) {
@@ -3794,7 +3823,7 @@ var Meter = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     className: "sr-only"
   }, description));
 });
-var _excluded$j = ["id", "children", "classNames", "isDismissible", "showBackdrop", "blurBackdrop", "label", "description"];
+var _excluded$j = ["position", "anchor", "order", "children", "label"];
 function _extends$j() {
   return _extends$j = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -3822,114 +3851,15 @@ function _objectWithoutPropertiesLoose$j(r, e) {
   }
   return t;
 }
-var Modal = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var id = _ref.id, children = _ref.children, _ref$classNames = _ref.classNames, classNames = _ref$classNames === void 0 ? [] : _ref$classNames, _ref$isDismissible = _ref.isDismissible, isDismissible = _ref$isDismissible === void 0 ? true : _ref$isDismissible, showBackdrop = _ref.showBackdrop, blurBackdrop = _ref.blurBackdrop, label = _ref.label, description = _ref.description, props = _objectWithoutProperties$j(_ref, _excluded$j);
-  var modalId = "".concat(id);
-  var descriptionId = description ? "".concat(modalId, "-description") : void 0;
-  if (showBackdrop) {
-    classNames.push("show-backdrop");
-  }
-  if (blurBackdrop) {
-    classNames.push("blur-backdrop");
-  }
-  useEffect(function() {
-    var handleEscape = function handleEscape2(e) {
-      if (e.key === "Escape" && isDismissible) {
-        hideModal(id);
-      }
-    };
-    document.addEventListener("keydown", handleEscape);
-    return function() {
-      return document.removeEventListener("keydown", handleEscape);
-    };
-  }, [id, isDismissible]);
-  return /* @__PURE__ */ React.createElement(Element, _extends$j({
-    as: "dialog",
-    id: modalId,
-    "data-modal": true,
-    popover: isDismissible ? "auto" : "manual",
-    ref,
-    classNames,
-    role: "dialog",
-    "aria-modal": "true",
-    "aria-label": label || "Modal dialog",
-    "aria-describedby": descriptionId
-  }, props), isDismissible && /* @__PURE__ */ React.createElement(Text, {
-    className: "dismiss-button",
-    onClick: function onClick() {
-      return hideModal(id);
-    },
-    "aria-label": "Close modal",
-    tabIndex: 0
-  }, "×"), description && /* @__PURE__ */ React.createElement("div", {
-    id: descriptionId,
-    className: "sr-only"
-  }, description), /* @__PURE__ */ React.createElement("div", {
-    role: "document"
-  }, children));
-});
-var showModal = function showModal2(modalId) {
-  var modal = document.querySelector("#".concat(modalId, "[data-modal]"));
-  if (modal instanceof HTMLElement) {
-    modal.showPopover();
-    var focusableElements = modal.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-    if (focusableElements.length) {
-      focusableElements[0].focus();
-    }
-  }
-};
-var hideModal = function hideModal2(modalId) {
-  var modal = document.querySelector("#".concat(modalId, "[data-modal]"));
-  if (modal instanceof HTMLElement) {
-    modal.hidePopover();
-    if (document.activeElement instanceof HTMLElement) {
-      document.activeElement.blur();
-    }
-  }
-};
-var toggleModal = function toggleModal2(modalId) {
-  var modal = document.querySelector("#".concat(modalId, "[data-modal]"));
-  if (modal instanceof HTMLElement) {
-    modal.matches(":popover-open") ? hideModal(modalId) : showModal(modalId);
-  }
-};
-var _excluded$i = ["position", "anchor", "order", "children", "label"];
-function _extends$i() {
-  return _extends$i = Object.assign ? Object.assign.bind() : function(n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends$i.apply(null, arguments);
-}
-function _objectWithoutProperties$i(e, t) {
-  if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$i(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-  }
-  return i;
-}
-function _objectWithoutPropertiesLoose$i(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
 var NotificationsWrapper = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var _ref$position = _ref.position, position = _ref$position === void 0 ? "right" : _ref$position, _ref$anchor = _ref.anchor, anchor = _ref$anchor === void 0 ? "top" : _ref$anchor, _ref$order = _ref.order, order = _ref$order === void 0 ? "new-on-top" : _ref$order, children = _ref.children, label = _ref.label, props = _objectWithoutProperties$i(_ref, _excluded$i);
+  var _ref$position = _ref.position, position = _ref$position === void 0 ? "right" : _ref$position, _ref$anchor = _ref.anchor, anchor = _ref$anchor === void 0 ? "top" : _ref$anchor, _ref$order = _ref.order, order = _ref$order === void 0 ? "new-on-top" : _ref$order, children = _ref.children, label = _ref.label, props = _objectWithoutProperties$j(_ref, _excluded$j);
   var classNames = [];
   if (position) classNames.push(position);
   if (anchor) classNames.push(anchor);
   if (order) classNames.push(order);
   var childrenCount = React.Children.count(children);
   if (childrenCount === 0) return null;
-  return /* @__PURE__ */ React.createElement(Element, _extends$i({
+  return /* @__PURE__ */ React.createElement(Element, _extends$j({
     as: "section",
     "data-notifications-wrapper": true,
     ref,
@@ -3939,15 +3869,15 @@ var NotificationsWrapper = /* @__PURE__ */ React.forwardRef(function(_ref, ref)
     role: "log"
   }, props), children);
 });
-var _excluded$h = ["showWhen", "closeWhen", "kind", "children", "isDismissible", "secondsToShowFor", "title", "description"];
-function _extends$h() {
-  return _extends$h = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$i = ["showWhen", "closeWhen", "kind", "children", "isDismissible", "secondsToShowFor", "title", "description"];
+function _extends$i() {
+  return _extends$i = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$h.apply(null, arguments);
+  }, _extends$i.apply(null, arguments);
 }
 function _slicedToArray$6(r, e) {
   return _arrayWithHoles$6(r) || _iterableToArrayLimit$6(r, e) || _unsupportedIterableToArray$8(r, e) || _nonIterableRest$6();
@@ -3989,16 +3919,16 @@ function _iterableToArrayLimit$6(r, l) {
 function _arrayWithHoles$6(r) {
   if (Array.isArray(r)) return r;
 }
-function _objectWithoutProperties$h(e, t) {
+function _objectWithoutProperties$i(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$h(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$i(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$h(r, e) {
+function _objectWithoutPropertiesLoose$i(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -4008,7 +3938,7 @@ function _objectWithoutPropertiesLoose$h(r, e) {
   return t;
 }
 var NotificationItem = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var showWhen = _ref.showWhen, closeWhen = _ref.closeWhen, _ref$kind = _ref.kind, kind = _ref$kind === void 0 ? "info" : _ref$kind, children = _ref.children, isDismissible = _ref.isDismissible, secondsToShowFor = _ref.secondsToShowFor, title = _ref.title, description = _ref.description, props = _objectWithoutProperties$h(_ref, _excluded$h);
+  var showWhen = _ref.showWhen, closeWhen = _ref.closeWhen, _ref$kind = _ref.kind, kind = _ref$kind === void 0 ? "info" : _ref$kind, children = _ref.children, isDismissible = _ref.isDismissible, secondsToShowFor = _ref.secondsToShowFor, title = _ref.title, description = _ref.description, props = _objectWithoutProperties$i(_ref, _excluded$i);
   var classNames = [];
   var _useState = useState(showWhen), _useState2 = _slicedToArray$6(_useState, 2), isVisible = _useState2[0], setIsVisible = _useState2[1];
   useEffect(function() {
@@ -4047,7 +3977,7 @@ var NotificationItem = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     error: "alert",
     success: "status"
   };
-  return isVisible && /* @__PURE__ */ React.createElement(Element, _extends$h({
+  return isVisible && /* @__PURE__ */ React.createElement(Element, _extends$i({
     as: "div",
     "data-notification-item": true,
     ref,
@@ -4071,331 +4001,26 @@ var NotificationItem = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     className: "sr-only"
   }, "Close notification")));
 });
-var _excluded$g = ["children", "allowMultipleSelections", "showTickIcon", "onSelectionChange", "tickPosition", "selectionLimit", "defaultSelectedIds"], _excluded2$2 = ["id", "children", "disabled"];
-function _extends$g() {
-  return _extends$g = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$h = ["size", "loadingText"];
+function _extends$h() {
+  return _extends$h = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$g.apply(null, arguments);
-}
-function _slicedToArray$5(r, e) {
-  return _arrayWithHoles$5(r) || _iterableToArrayLimit$5(r, e) || _unsupportedIterableToArray$7(r, e) || _nonIterableRest$5();
-}
-function _nonIterableRest$5() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _unsupportedIterableToArray$7(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$7(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0;
-  }
-}
-function _arrayLikeToArray$7(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _iterableToArrayLimit$5(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e, n, i, u, a = [], f = true, o = false;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = false;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true) ;
-    } catch (r2) {
-      o = true, n = r2;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-function _arrayWithHoles$5(r) {
-  if (Array.isArray(r)) return r;
+  }, _extends$h.apply(null, arguments);
 }
-function _objectWithoutProperties$g(e, t) {
+function _objectWithoutProperties$h(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$g(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$h(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$g(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-var OptionCardsContext = /* @__PURE__ */ createContext({
-  isSelected: function isSelected() {
-    return false;
-  },
-  toggleSelection: function toggleSelection() {
-  },
-  showTickIcon: false,
-  tickPosition: "top-right",
-  selectAllOptions: function selectAllOptions() {
-  },
-  clearAllOptions: function clearAllOptions() {
-  },
-  setSelectedOptions: function setSelectedOptions() {
-  },
-  setSelectedIds: function setSelectedIds() {
-  },
-  registerOption: function registerOption() {
-  },
-  unregisterOption: function unregisterOption() {
-  }
-});
-var OptionCardsGroup = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, _ref$allowMultipleSel = _ref.allowMultipleSelections, allowMultipleSelections = _ref$allowMultipleSel === void 0 ? false : _ref$allowMultipleSel, showTickIcon = _ref.showTickIcon, onSelectionChange = _ref.onSelectionChange, _ref$tickPosition = _ref.tickPosition, tickPosition = _ref$tickPosition === void 0 ? "top-right" : _ref$tickPosition, selectionLimit = _ref.selectionLimit, defaultSelectedIds = _ref.defaultSelectedIds;
-  _objectWithoutProperties$g(_ref, _excluded$g);
-  var _useState = useState(defaultSelectedIds ? new Set(defaultSelectedIds) : /* @__PURE__ */ new Set()), _useState2 = _slicedToArray$5(_useState, 2), selectedIds = _useState2[0], setSelectedIds2 = _useState2[1];
-  var availableOptionsRef = useRef(/* @__PURE__ */ new Map());
-  useEffect(function() {
-    if (defaultSelectedIds && defaultSelectedIds.size > 0) {
-      setSelectedIds2(new Set(defaultSelectedIds));
-      onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(new Set(defaultSelectedIds));
-    }
-  }, [defaultSelectedIds, onSelectionChange]);
-  var registerOption2 = useCallback(function(id, disabled) {
-    availableOptionsRef.current.set(id, disabled);
-  }, []);
-  var unregisterOption2 = useCallback(function(id) {
-    availableOptionsRef.current["delete"](id);
-  }, []);
-  var toggleSelection2 = useCallback(function(id) {
-    setSelectedIds2(function(prevSelectedIds) {
-      var newSelectedIds = new Set(prevSelectedIds);
-      if (allowMultipleSelections) {
-        if (newSelectedIds.has(id)) {
-          newSelectedIds["delete"](id);
-        } else {
-          if (selectionLimit && newSelectedIds.size >= selectionLimit) {
-            return prevSelectedIds;
-          }
-          newSelectedIds.add(id);
-        }
-      } else {
-        if (newSelectedIds.has(id) && prevSelectedIds.size === 1) {
-          newSelectedIds.clear();
-        } else {
-          newSelectedIds.clear();
-          newSelectedIds.add(id);
-        }
-      }
-      onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(newSelectedIds);
-      return newSelectedIds;
-    });
-  }, [allowMultipleSelections, onSelectionChange, selectionLimit]);
-  var selectAllOptions2 = useCallback(function() {
-    if (!allowMultipleSelections) return;
-    setSelectedIds2(function(prevSelectedIds) {
-      var newSelectedIds = new Set(prevSelectedIds);
-      var enabledOptions = Array.from(availableOptionsRef.current.entries()).filter(function(_ref2) {
-        var _ref3 = _slicedToArray$5(_ref2, 2);
-        _ref3[0];
-        var disabled = _ref3[1];
-        return !disabled;
-      }).map(function(_ref4) {
-        var _ref5 = _slicedToArray$5(_ref4, 1), id = _ref5[0];
-        return id;
-      });
-      var optionsToAdd = selectionLimit ? enabledOptions.slice(0, selectionLimit) : enabledOptions;
-      optionsToAdd.forEach(function(id) {
-        return newSelectedIds.add(id);
-      });
-      onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(newSelectedIds);
-      return newSelectedIds;
-    });
-  }, [allowMultipleSelections, selectionLimit, onSelectionChange]);
-  var clearAllOptions2 = useCallback(function() {
-    setSelectedIds2(/* @__PURE__ */ new Set());
-    onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(/* @__PURE__ */ new Set());
-  }, [onSelectionChange]);
-  var setSelectedOptions2 = useCallback(function(ids) {
-    if (ids) {
-      console.log("Setting selected options:", ids);
-      setSelectedIds2(function() {
-        var newSet = new Set(ids);
-        onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(newSet);
-        return newSet;
-      });
-    }
-  }, [onSelectionChange]);
-  var setSelectedIdSet = useCallback(function(ids) {
-    if (ids) {
-      console.log("Setting selected ids:", Array.from(ids));
-      setSelectedIds2(function() {
-        var newSet = new Set(ids);
-        onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(newSet);
-        return newSet;
-      });
-    }
-  }, [onSelectionChange]);
-  var isSelected2 = useCallback(function(id) {
-    return selectedIds.has(id);
-  }, [selectedIds]);
-  React.useImperativeHandle(ref, function() {
-    return {
-      selectAllOptions: selectAllOptions2,
-      clearAllOptions: clearAllOptions2,
-      setSelectedOptions: setSelectedOptions2,
-      setSelectedIds: setSelectedIdSet
-    };
-  }, [selectAllOptions2, clearAllOptions2, setSelectedOptions2, setSelectedIdSet]);
-  var contextValue = {
-    isSelected: isSelected2,
-    toggleSelection: toggleSelection2,
-    showTickIcon,
-    tickPosition,
-    selectAllOptions: selectAllOptions2,
-    clearAllOptions: clearAllOptions2,
-    setSelectedOptions: setSelectedOptions2,
-    setSelectedIds: setSelectedIdSet,
-    registerOption: registerOption2,
-    unregisterOption: unregisterOption2
-  };
-  return /* @__PURE__ */ React.createElement(OptionCardsContext.Provider, {
-    value: contextValue
-  }, /* @__PURE__ */ React.createElement(Div, {
-    "data-option-cards-group": true,
-    className: "tick-".concat(tickPosition)
-  }, children));
-});
-var useOptionCard = function useOptionCard2(id) {
-  var context = useContext(OptionCardsContext);
-  return {
-    isSelected: context.isSelected(id),
-    toggleSelection: function toggleSelection2() {
-      return context.toggleSelection(id);
-    },
-    showTickIcon: context.showTickIcon
-  };
-};
-var useOptionCardsGroup = function useOptionCardsGroup2() {
-  var _useContext = useContext(OptionCardsContext), selectAllOptions2 = _useContext.selectAllOptions, clearAllOptions2 = _useContext.clearAllOptions, setSelectedOptions2 = _useContext.setSelectedOptions, setSelectedIds2 = _useContext.setSelectedIds;
-  return {
-    selectAllOptions: selectAllOptions2,
-    clearAllOptions: clearAllOptions2,
-    setSelectedOptions: setSelectedOptions2,
-    setSelectedIds: setSelectedIds2
-  };
-};
-var OptionCard = function OptionCard2(_ref6) {
-  var id = _ref6.id, children = _ref6.children, _ref6$disabled = _ref6.disabled, disabled = _ref6$disabled === void 0 ? false : _ref6$disabled, props = _objectWithoutProperties$g(_ref6, _excluded2$2);
-  var _useContext2 = useContext(OptionCardsContext), isSelected2 = _useContext2.isSelected, toggleSelection2 = _useContext2.toggleSelection, showTickIcon = _useContext2.showTickIcon, registerOption2 = _useContext2.registerOption, unregisterOption2 = _useContext2.unregisterOption;
-  var _useState3 = useState(false), _useState4 = _slicedToArray$5(_useState3, 2), showDeselect = _useState4[0], setShowDeselect = _useState4[1];
-  var _useState5 = useState(true), _useState6 = _slicedToArray$5(_useState5, 2), isInitialHover = _useState6[0], setIsInitialHover = _useState6[1];
-  React.useEffect(function() {
-    registerOption2(id, disabled);
-    return function() {
-      return unregisterOption2(id);
-    };
-  }, [id, disabled, registerOption2, unregisterOption2]);
-  var classNames = [];
-  if (isSelected2(id)) {
-    classNames.push("selected");
-  }
-  if (disabled) {
-    classNames.push("disabled");
-  }
-  if (showDeselect) {
-    classNames.push("show-deselect");
-  }
-  var handleMouseEnter = function handleMouseEnter2() {
-    if (isSelected2(id) && !isInitialHover) {
-      setShowDeselect(true);
-    }
-  };
-  var handleMouseLeave = function handleMouseLeave2() {
-    setShowDeselect(false);
-    setIsInitialHover(false);
-  };
-  var handleClick = function handleClick2(e) {
-    if (!disabled) {
-      var _props$onClick;
-      setIsInitialHover(true);
-      setShowDeselect(false);
-      toggleSelection2(id);
-      (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
-    }
-  };
-  var handleKeyDown = function handleKeyDown2(e) {
-    if ((e.key === "Enter" || e.key === " ") && !disabled) {
-      e.preventDefault();
-      setIsInitialHover(true);
-      setShowDeselect(false);
-      toggleSelection2(id);
-    }
-  };
-  return /* @__PURE__ */ React.createElement(Element, _extends$g({
-    as: Card,
-    "data-option-card": true,
-    role: "button",
-    tabIndex: disabled ? -1 : 0,
-    "aria-disabled": disabled ? "true" : "false",
-    "aria-selected": isSelected2(id) ? "true" : "false",
-    classNames,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  }, props), showTickIcon && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    className: "tick-icon"
-  }, /* @__PURE__ */ React.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "11"
-  }), /* @__PURE__ */ React.createElement("path", {
-    d: "M8 13 L11 15 L16 9"
-  })), /* @__PURE__ */ React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    className: "deselect-icon"
-  }, /* @__PURE__ */ React.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "11"
-  }), /* @__PURE__ */ React.createElement("path", {
-    d: "M8 8 L16 16 M16 8 L8 16"
-  }))), children);
-};
-var _excluded$f = ["size", "loadingText"];
-function _extends$f() {
-  return _extends$f = Object.assign ? Object.assign.bind() : function(n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends$f.apply(null, arguments);
-}
-function _objectWithoutProperties$f(e, t) {
-  if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$f(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-  }
-  return i;
-}
-function _objectWithoutPropertiesLoose$f(r, e) {
+function _objectWithoutPropertiesLoose$h(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -4405,12 +4030,12 @@ function _objectWithoutPropertiesLoose$f(r, e) {
   return t;
 }
 var Spinner = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var _ref$size = _ref.size, size = _ref$size === void 0 ? "medium" : _ref$size, _ref$loadingText = _ref.loadingText, loadingText = _ref$loadingText === void 0 ? "Loading..." : _ref$loadingText, props = _objectWithoutProperties$f(_ref, _excluded$f);
+  var _ref$size = _ref.size, size = _ref$size === void 0 ? "medium" : _ref$size, _ref$loadingText = _ref.loadingText, loadingText = _ref$loadingText === void 0 ? "Loading..." : _ref$loadingText, props = _objectWithoutProperties$h(_ref, _excluded$h);
   var classNames = [];
   if (size) {
     classNames.push("size-".concat(size));
   }
-  return /* @__PURE__ */ React.createElement(Element, _extends$f({
+  return /* @__PURE__ */ React.createElement(Element, _extends$h({
     as: "div",
     "data-spinner": true,
     ref,
@@ -4422,25 +4047,25 @@ var Spinner = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   }, props));
 });
 function _toConsumableArray$1(r) {
-  return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$6(r) || _nonIterableSpread$1();
+  return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$7(r) || _nonIterableSpread$1();
 }
 function _nonIterableSpread$1() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _unsupportedIterableToArray$6(r, a) {
+function _unsupportedIterableToArray$7(r, a) {
   if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$6(r, a);
+    if ("string" == typeof r) return _arrayLikeToArray$7(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0;
   }
 }
 function _iterableToArray$1(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 function _arrayWithoutHoles$1(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray$6(r);
+  if (Array.isArray(r)) return _arrayLikeToArray$7(r);
 }
-function _arrayLikeToArray$6(r, a) {
+function _arrayLikeToArray$7(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
@@ -4498,26 +4123,26 @@ function _typeof$1(o) {
     return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
   }, _typeof$1(o);
 }
-var _excluded$e = ["type", "page", "selected", "disabled", "onClick", "key"], _excluded2$1 = ["totalItems", "currentPage", "onPageChange", "itemsToShowEachSide", "kind", "showGoToFirstItemButton", "showGoToLastItemButton", "showPreviousButton", "showNextButton", "showGoToInput", "disabled", "hideDisabledButtons", "renderItem", "isLoading", "loadingText", "emptyText", "itemDisplayText"];
-function _slicedToArray$4(r, e) {
-  return _arrayWithHoles$4(r) || _iterableToArrayLimit$4(r, e) || _unsupportedIterableToArray$5(r, e) || _nonIterableRest$4();
+var _excluded$g = ["type", "page", "selected", "disabled", "onClick", "key"], _excluded2$2 = ["totalItems", "currentPage", "onPageChange", "itemsToShowEachSide", "kind", "showGoToFirstItemButton", "showGoToLastItemButton", "showPreviousButton", "showNextButton", "showGoToInput", "disabled", "hideDisabledButtons", "renderItem", "isLoading", "loadingText", "emptyText", "itemDisplayText"];
+function _slicedToArray$5(r, e) {
+  return _arrayWithHoles$5(r) || _iterableToArrayLimit$5(r, e) || _unsupportedIterableToArray$6(r, e) || _nonIterableRest$5();
 }
-function _nonIterableRest$4() {
+function _nonIterableRest$5() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _unsupportedIterableToArray$5(r, a) {
+function _unsupportedIterableToArray$6(r, a) {
   if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$5(r, a);
+    if ("string" == typeof r) return _arrayLikeToArray$6(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0;
   }
 }
-function _arrayLikeToArray$5(r, a) {
+function _arrayLikeToArray$6(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
-function _iterableToArrayLimit$4(r, l) {
+function _iterableToArrayLimit$5(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
     var e, n, i, u, a = [], f = true, o = false;
@@ -4536,17 +4161,17 @@ function _iterableToArrayLimit$4(r, l) {
     return a;
   }
 }
-function _arrayWithHoles$4(r) {
+function _arrayWithHoles$5(r) {
   if (Array.isArray(r)) return r;
 }
-function _extends$e() {
-  return _extends$e = Object.assign ? Object.assign.bind() : function(n) {
+function _extends$g() {
+  return _extends$g = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$e.apply(null, arguments);
+  }, _extends$g.apply(null, arguments);
 }
 function ownKeys$1(e, r) {
   var t = Object.keys(e);
@@ -4586,16 +4211,16 @@ function _toPrimitive$1(t, r) {
   }
   return ("string" === r ? String : Number)(t);
 }
-function _objectWithoutProperties$e(e, t) {
+function _objectWithoutProperties$g(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$e(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$g(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$e(r, e) {
+function _objectWithoutPropertiesLoose$g(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -4607,7 +4232,7 @@ function _objectWithoutPropertiesLoose$e(r, e) {
 var defaultRenderItem = function defaultRenderItem2(_ref) {
   var type = _ref.type, page = _ref.page, selected = _ref.selected, disabled = _ref.disabled, onClick = _ref.onClick;
   _ref.key;
-  var props = _objectWithoutProperties$e(_ref, _excluded$e);
+  var props = _objectWithoutProperties$g(_ref, _excluded$g);
   if (type === "ellipsis") {
     return /* @__PURE__ */ React.createElement(Text, {
       className: "pagination-ellipsis"
@@ -4682,18 +4307,18 @@ var defaultRenderItem = function defaultRenderItem2(_ref) {
     default:
       content = page;
   }
-  return /* @__PURE__ */ React.createElement(Button, _extends$e({
+  return /* @__PURE__ */ React.createElement(Button, _extends$g({
     kind: "custom"
   }, paginationItemProps), content);
 };
 var Pagination = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
-  var totalItems = _ref2.totalItems, currentPage = _ref2.currentPage, onPageChange = _ref2.onPageChange, _ref2$itemsToShowEach = _ref2.itemsToShowEachSide, itemsToShowEachSide = _ref2$itemsToShowEach === void 0 ? 1 : _ref2$itemsToShowEach, _ref2$kind = _ref2.kind, kind = _ref2$kind === void 0 ? "plain" : _ref2$kind, _ref2$showGoToFirstIt = _ref2.showGoToFirstItemButton, showGoToFirstItemButton = _ref2$showGoToFirstIt === void 0 ? true : _ref2$showGoToFirstIt, _ref2$showGoToLastIte = _ref2.showGoToLastItemButton, showGoToLastItemButton = _ref2$showGoToLastIte === void 0 ? true : _ref2$showGoToLastIte, _ref2$showPreviousBut = _ref2.showPreviousButton, showPreviousButton = _ref2$showPreviousBut === void 0 ? true : _ref2$showPreviousBut, _ref2$showNextButton = _ref2.showNextButton, showNextButton = _ref2$showNextButton === void 0 ? true : _ref2$showNextButton, _ref2$showGoToInput = _ref2.showGoToInput, showGoToInput = _ref2$showGoToInput === void 0 ? false : _ref2$showGoToInput, _ref2$disabled = _ref2.disabled, disabled = _ref2$disabled === void 0 ? false : _ref2$disabled, _ref2$hideDisabledBut = _ref2.hideDisabledButtons, hideDisabledButtons = _ref2$hideDisabledBut === void 0 ? false : _ref2$hideDisabledBut, _ref2$renderItem = _ref2.renderItem, renderItem = _ref2$renderItem === void 0 ? defaultRenderItem : _ref2$renderItem, _ref2$isLoading = _ref2.isLoading, isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading, loadingText = _ref2.loadingText, emptyText = _ref2.emptyText, _ref2$itemDisplayText = _ref2.itemDisplayText, itemDisplayText = _ref2$itemDisplayText === void 0 ? "page" : _ref2$itemDisplayText, props = _objectWithoutProperties$e(_ref2, _excluded2$1);
+  var totalItems = _ref2.totalItems, currentPage = _ref2.currentPage, onPageChange = _ref2.onPageChange, _ref2$itemsToShowEach = _ref2.itemsToShowEachSide, itemsToShowEachSide = _ref2$itemsToShowEach === void 0 ? 1 : _ref2$itemsToShowEach, _ref2$kind = _ref2.kind, kind = _ref2$kind === void 0 ? "plain" : _ref2$kind, _ref2$showGoToFirstIt = _ref2.showGoToFirstItemButton, showGoToFirstItemButton = _ref2$showGoToFirstIt === void 0 ? true : _ref2$showGoToFirstIt, _ref2$showGoToLastIte = _ref2.showGoToLastItemButton, showGoToLastItemButton = _ref2$showGoToLastIte === void 0 ? true : _ref2$showGoToLastIte, _ref2$showPreviousBut = _ref2.showPreviousButton, showPreviousButton = _ref2$showPreviousBut === void 0 ? true : _ref2$showPreviousBut, _ref2$showNextButton = _ref2.showNextButton, showNextButton = _ref2$showNextButton === void 0 ? true : _ref2$showNextButton, _ref2$showGoToInput = _ref2.showGoToInput, showGoToInput = _ref2$showGoToInput === void 0 ? false : _ref2$showGoToInput, _ref2$disabled = _ref2.disabled, disabled = _ref2$disabled === void 0 ? false : _ref2$disabled, _ref2$hideDisabledBut = _ref2.hideDisabledButtons, hideDisabledButtons = _ref2$hideDisabledBut === void 0 ? false : _ref2$hideDisabledBut, _ref2$renderItem = _ref2.renderItem, renderItem = _ref2$renderItem === void 0 ? defaultRenderItem : _ref2$renderItem, _ref2$isLoading = _ref2.isLoading, isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading, loadingText = _ref2.loadingText, emptyText = _ref2.emptyText, _ref2$itemDisplayText = _ref2.itemDisplayText, itemDisplayText = _ref2$itemDisplayText === void 0 ? "page" : _ref2$itemDisplayText, props = _objectWithoutProperties$g(_ref2, _excluded2$2);
   var _usePagination = usePagination({
     totalItems,
     currentPage,
     itemsToShowEachSide
   }), items = _usePagination.items, totalPages = _usePagination.totalPages, rangeStart = _usePagination.rangeStart, hasPrevPage = _usePagination.hasPrevPage, hasNextPage = _usePagination.hasNextPage;
-  var _React$useState = React.useState(""), _React$useState2 = _slicedToArray$4(_React$useState, 2), goToPage = _React$useState2[0], setGoToPage = _React$useState2[1];
+  var _React$useState = React.useState(""), _React$useState2 = _slicedToArray$5(_React$useState, 2), goToPage = _React$useState2[0], setGoToPage = _React$useState2[1];
   var handlePageInputChange = function handlePageInputChange2(e) {
     setGoToPage(e.target.value);
   };
@@ -4721,7 +4346,7 @@ var Pagination = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
   if (isLoading) {
     classNames.push("loading");
   }
-  return /* @__PURE__ */ React.createElement(Element, _extends$e({
+  return /* @__PURE__ */ React.createElement(Element, _extends$g({
     as: "nav",
     "data-pagination": true,
     ref,
@@ -4798,26 +4423,26 @@ var Pagination = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
     disabled
   }))));
 });
-var _excluded$d = ["label", "value", "height", "max"];
-function _extends$d() {
-  return _extends$d = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$f = ["label", "value", "height", "max"];
+function _extends$f() {
+  return _extends$f = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$d.apply(null, arguments);
+  }, _extends$f.apply(null, arguments);
 }
-function _objectWithoutProperties$d(e, t) {
+function _objectWithoutProperties$f(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$d(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$f(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$d(r, e) {
+function _objectWithoutPropertiesLoose$f(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -4827,14 +4452,14 @@ function _objectWithoutPropertiesLoose$d(r, e) {
   return t;
 }
 var ProgressBar = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var label = _ref.label, value = _ref.value, height = _ref.height, _ref$max = _ref.max, max = _ref$max === void 0 ? 100 : _ref$max, props = _objectWithoutProperties$d(_ref, _excluded$d);
+  var label = _ref.label, value = _ref.value, height = _ref.height, _ref$max = _ref.max, max = _ref$max === void 0 ? 100 : _ref$max, props = _objectWithoutProperties$f(_ref, _excluded$f);
   var validValue = Math.max(0, Math.min(max, Number(value) || 0));
   var progressText = "".concat(validValue).concat(props.suffix || "");
   return /* @__PURE__ */ React.createElement(React.Fragment, null, label && /* @__PURE__ */ React.createElement(Element, {
     as: "div",
     "data-progress-bar-meta": true,
     "aria-hidden": "true"
-  }, /* @__PURE__ */ React.createElement(Text, null, label), /* @__PURE__ */ React.createElement(Text, null, progressText)), /* @__PURE__ */ React.createElement(Element, _extends$d({
+  }, /* @__PURE__ */ React.createElement(Text, null, label), /* @__PURE__ */ React.createElement(Text, null, progressText)), /* @__PURE__ */ React.createElement(Element, _extends$f({
     as: "progress",
     "data-progress-bar": true,
     ref,
@@ -4851,26 +4476,331 @@ var ProgressBar = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     }
   })));
 });
-var _excluded$c = ["collapsed", "closeOnClickOutside", "showMobileSidebar"];
-function _extends$c() {
-  return _extends$c = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$e = ["children", "allowMultipleSelections", "showTickIcon", "onSelectionChange", "tickPosition", "selectionLimit", "defaultSelectedIds"], _excluded2$1 = ["id", "children", "disabled"];
+function _extends$e() {
+  return _extends$e = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$c.apply(null, arguments);
+  }, _extends$e.apply(null, arguments);
 }
-function _objectWithoutProperties$c(e, t) {
+function _slicedToArray$4(r, e) {
+  return _arrayWithHoles$4(r) || _iterableToArrayLimit$4(r, e) || _unsupportedIterableToArray$5(r, e) || _nonIterableRest$4();
+}
+function _nonIterableRest$4() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _unsupportedIterableToArray$5(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray$5(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray$5(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _iterableToArrayLimit$4(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e, n, i, u, a = [], f = true, o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = false;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true) ;
+    } catch (r2) {
+      o = true, n = r2;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _arrayWithHoles$4(r) {
+  if (Array.isArray(r)) return r;
+}
+function _objectWithoutProperties$e(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$c(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$e(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$c(r, e) {
+function _objectWithoutPropertiesLoose$e(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+var OptionCardsContext = /* @__PURE__ */ createContext({
+  isSelected: function isSelected() {
+    return false;
+  },
+  toggleSelection: function toggleSelection() {
+  },
+  showTickIcon: false,
+  tickPosition: "top-right",
+  selectAllOptions: function selectAllOptions() {
+  },
+  clearAllOptions: function clearAllOptions() {
+  },
+  setSelectedOptions: function setSelectedOptions() {
+  },
+  setSelectedIds: function setSelectedIds() {
+  },
+  registerOption: function registerOption() {
+  },
+  unregisterOption: function unregisterOption() {
+  }
+});
+var OptionCardsGroup = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
+  var children = _ref.children, _ref$allowMultipleSel = _ref.allowMultipleSelections, allowMultipleSelections = _ref$allowMultipleSel === void 0 ? false : _ref$allowMultipleSel, showTickIcon = _ref.showTickIcon, onSelectionChange = _ref.onSelectionChange, _ref$tickPosition = _ref.tickPosition, tickPosition = _ref$tickPosition === void 0 ? "top-right" : _ref$tickPosition, selectionLimit = _ref.selectionLimit, defaultSelectedIds = _ref.defaultSelectedIds;
+  _objectWithoutProperties$e(_ref, _excluded$e);
+  var _useState = useState(defaultSelectedIds ? new Set(defaultSelectedIds) : /* @__PURE__ */ new Set()), _useState2 = _slicedToArray$4(_useState, 2), selectedIds = _useState2[0], setSelectedIds2 = _useState2[1];
+  var availableOptionsRef = useRef(/* @__PURE__ */ new Map());
+  useEffect(function() {
+    if (defaultSelectedIds && defaultSelectedIds.size > 0) {
+      setSelectedIds2(new Set(defaultSelectedIds));
+      onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(new Set(defaultSelectedIds));
+    }
+  }, [defaultSelectedIds, onSelectionChange]);
+  var registerOption2 = useCallback(function(id, disabled) {
+    availableOptionsRef.current.set(id, disabled);
+  }, []);
+  var unregisterOption2 = useCallback(function(id) {
+    availableOptionsRef.current["delete"](id);
+  }, []);
+  var toggleSelection2 = useCallback(function(id) {
+    setSelectedIds2(function(prevSelectedIds) {
+      var newSelectedIds = new Set(prevSelectedIds);
+      if (allowMultipleSelections) {
+        if (newSelectedIds.has(id)) {
+          newSelectedIds["delete"](id);
+        } else {
+          if (selectionLimit && newSelectedIds.size >= selectionLimit) {
+            return prevSelectedIds;
+          }
+          newSelectedIds.add(id);
+        }
+      } else {
+        if (newSelectedIds.has(id) && prevSelectedIds.size === 1) {
+          newSelectedIds.clear();
+        } else {
+          newSelectedIds.clear();
+          newSelectedIds.add(id);
+        }
+      }
+      onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(newSelectedIds);
+      return newSelectedIds;
+    });
+  }, [allowMultipleSelections, onSelectionChange, selectionLimit]);
+  var selectAllOptions2 = useCallback(function() {
+    if (!allowMultipleSelections) return;
+    setSelectedIds2(function(prevSelectedIds) {
+      var newSelectedIds = new Set(prevSelectedIds);
+      var enabledOptions = Array.from(availableOptionsRef.current.entries()).filter(function(_ref2) {
+        var _ref3 = _slicedToArray$4(_ref2, 2);
+        _ref3[0];
+        var disabled = _ref3[1];
+        return !disabled;
+      }).map(function(_ref4) {
+        var _ref5 = _slicedToArray$4(_ref4, 1), id = _ref5[0];
+        return id;
+      });
+      var optionsToAdd = selectionLimit ? enabledOptions.slice(0, selectionLimit) : enabledOptions;
+      optionsToAdd.forEach(function(id) {
+        return newSelectedIds.add(id);
+      });
+      onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(newSelectedIds);
+      return newSelectedIds;
+    });
+  }, [allowMultipleSelections, selectionLimit, onSelectionChange]);
+  var clearAllOptions2 = useCallback(function() {
+    setSelectedIds2(/* @__PURE__ */ new Set());
+    onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(/* @__PURE__ */ new Set());
+  }, [onSelectionChange]);
+  var setSelectedOptions2 = useCallback(function(ids) {
+    if (ids) {
+      console.log("Setting selected options:", ids);
+      setSelectedIds2(function() {
+        var newSet = new Set(ids);
+        onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(newSet);
+        return newSet;
+      });
+    }
+  }, [onSelectionChange]);
+  var setSelectedIdSet = useCallback(function(ids) {
+    if (ids) {
+      console.log("Setting selected ids:", Array.from(ids));
+      setSelectedIds2(function() {
+        var newSet = new Set(ids);
+        onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(newSet);
+        return newSet;
+      });
+    }
+  }, [onSelectionChange]);
+  var isSelected2 = useCallback(function(id) {
+    return selectedIds.has(id);
+  }, [selectedIds]);
+  React.useImperativeHandle(ref, function() {
+    return {
+      selectAllOptions: selectAllOptions2,
+      clearAllOptions: clearAllOptions2,
+      setSelectedOptions: setSelectedOptions2,
+      setSelectedIds: setSelectedIdSet
+    };
+  }, [selectAllOptions2, clearAllOptions2, setSelectedOptions2, setSelectedIdSet]);
+  var contextValue = {
+    isSelected: isSelected2,
+    toggleSelection: toggleSelection2,
+    showTickIcon,
+    tickPosition,
+    selectAllOptions: selectAllOptions2,
+    clearAllOptions: clearAllOptions2,
+    setSelectedOptions: setSelectedOptions2,
+    setSelectedIds: setSelectedIdSet,
+    registerOption: registerOption2,
+    unregisterOption: unregisterOption2
+  };
+  return /* @__PURE__ */ React.createElement(OptionCardsContext.Provider, {
+    value: contextValue
+  }, /* @__PURE__ */ React.createElement(Div, {
+    "data-option-cards-group": true,
+    className: "tick-".concat(tickPosition)
+  }, children));
+});
+var useOptionCard = function useOptionCard2(id) {
+  var context = useContext(OptionCardsContext);
+  return {
+    isSelected: context.isSelected(id),
+    toggleSelection: function toggleSelection2() {
+      return context.toggleSelection(id);
+    },
+    showTickIcon: context.showTickIcon
+  };
+};
+var useOptionCardsGroup = function useOptionCardsGroup2() {
+  var _useContext = useContext(OptionCardsContext), selectAllOptions2 = _useContext.selectAllOptions, clearAllOptions2 = _useContext.clearAllOptions, setSelectedOptions2 = _useContext.setSelectedOptions, setSelectedIds2 = _useContext.setSelectedIds;
+  return {
+    selectAllOptions: selectAllOptions2,
+    clearAllOptions: clearAllOptions2,
+    setSelectedOptions: setSelectedOptions2,
+    setSelectedIds: setSelectedIds2
+  };
+};
+var OptionCard = function OptionCard2(_ref6) {
+  var id = _ref6.id, children = _ref6.children, _ref6$disabled = _ref6.disabled, disabled = _ref6$disabled === void 0 ? false : _ref6$disabled, props = _objectWithoutProperties$e(_ref6, _excluded2$1);
+  var _useContext2 = useContext(OptionCardsContext), isSelected2 = _useContext2.isSelected, toggleSelection2 = _useContext2.toggleSelection, showTickIcon = _useContext2.showTickIcon, registerOption2 = _useContext2.registerOption, unregisterOption2 = _useContext2.unregisterOption;
+  var _useState3 = useState(false), _useState4 = _slicedToArray$4(_useState3, 2), showDeselect = _useState4[0], setShowDeselect = _useState4[1];
+  var _useState5 = useState(true), _useState6 = _slicedToArray$4(_useState5, 2), isInitialHover = _useState6[0], setIsInitialHover = _useState6[1];
+  React.useEffect(function() {
+    registerOption2(id, disabled);
+    return function() {
+      return unregisterOption2(id);
+    };
+  }, [id, disabled, registerOption2, unregisterOption2]);
+  var classNames = [];
+  if (isSelected2(id)) {
+    classNames.push("selected");
+  }
+  if (disabled) {
+    classNames.push("disabled");
+  }
+  if (showDeselect) {
+    classNames.push("show-deselect");
+  }
+  var handleMouseEnter = function handleMouseEnter2() {
+    if (isSelected2(id) && !isInitialHover) {
+      setShowDeselect(true);
+    }
+  };
+  var handleMouseLeave = function handleMouseLeave2() {
+    setShowDeselect(false);
+    setIsInitialHover(false);
+  };
+  var handleClick = function handleClick2(e) {
+    if (!disabled) {
+      var _props$onClick;
+      setIsInitialHover(true);
+      setShowDeselect(false);
+      toggleSelection2(id);
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
+    }
+  };
+  var handleKeyDown = function handleKeyDown2(e) {
+    if ((e.key === "Enter" || e.key === " ") && !disabled) {
+      e.preventDefault();
+      setIsInitialHover(true);
+      setShowDeselect(false);
+      toggleSelection2(id);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Element, _extends$e({
+    as: Card,
+    "data-option-card": true,
+    role: "button",
+    tabIndex: disabled ? -1 : 0,
+    "aria-disabled": disabled ? "true" : "false",
+    "aria-selected": isSelected2(id) ? "true" : "false",
+    classNames,
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave
+  }, props), showTickIcon && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    className: "tick-icon"
+  }, /* @__PURE__ */ React.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "11"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M8 13 L11 15 L16 9"
+  })), /* @__PURE__ */ React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    className: "deselect-icon"
+  }, /* @__PURE__ */ React.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "11"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M8 8 L16 16 M16 8 L8 16"
+  }))), children);
+};
+var _excluded$d = ["collapsed", "closeOnClickOutside", "showMobileSidebar"];
+function _extends$d() {
+  return _extends$d = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends$d.apply(null, arguments);
+}
+function _objectWithoutProperties$d(e, t) {
+  if (null == e) return {};
+  var o, r, i = _objectWithoutPropertiesLoose$d(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose$d(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -4880,7 +4810,7 @@ function _objectWithoutPropertiesLoose$c(r, e) {
   return t;
 }
 var SidebarWrapper = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-  var collapsed = _ref.collapsed, closeOnClickOutside = _ref.closeOnClickOutside, showMobileSidebar = _ref.showMobileSidebar, props = _objectWithoutProperties$c(_ref, _excluded$c);
+  var collapsed = _ref.collapsed, closeOnClickOutside = _ref.closeOnClickOutside, showMobileSidebar = _ref.showMobileSidebar, props = _objectWithoutProperties$d(_ref, _excluded$d);
   var internalRef = useRef(null);
   useImperativeHandle(forwardedRef, function() {
     return internalRef.current;
@@ -4897,33 +4827,33 @@ var SidebarWrapper = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRe
   if (showMobileSidebar) {
     classNames.push("show-sidebar");
   }
-  return /* @__PURE__ */ React.createElement(Element, _extends$c({
+  return /* @__PURE__ */ React.createElement(Element, _extends$d({
     as: "aside",
     "data-sidebar-wrapper": true,
     ref: internalRef,
     classNames
   }, props));
-});
-var _excluded$b = ["label"];
-function _extends$b() {
-  return _extends$b = Object.assign ? Object.assign.bind() : function(n) {
+});
+var _excluded$c = ["label"];
+function _extends$c() {
+  return _extends$c = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$b.apply(null, arguments);
+  }, _extends$c.apply(null, arguments);
 }
-function _objectWithoutProperties$b(e, t) {
+function _objectWithoutProperties$c(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$b(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$c(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$b(r, e) {
+function _objectWithoutPropertiesLoose$c(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -4933,8 +4863,8 @@ function _objectWithoutPropertiesLoose$b(r, e) {
   return t;
 }
 var ContentWrapper = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var label = _ref.label, props = _objectWithoutProperties$b(_ref, _excluded$b);
-  return /* @__PURE__ */ React.createElement(Element, _extends$b({
+  var label = _ref.label, props = _objectWithoutProperties$c(_ref, _excluded$c);
+  return /* @__PURE__ */ React.createElement(Element, _extends$c({
     as: "main",
     "data-content-wrapper": true,
     ref,
@@ -4942,26 +4872,26 @@ var ContentWrapper = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     "aria-label": label || "Main content"
   }, props));
 });
-var _excluded$a = ["isSticky"];
-function _extends$a() {
-  return _extends$a = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$b = ["isSticky"];
+function _extends$b() {
+  return _extends$b = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$a.apply(null, arguments);
+  }, _extends$b.apply(null, arguments);
 }
-function _objectWithoutProperties$a(e, t) {
+function _objectWithoutProperties$b(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$a(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$b(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$a(r, e) {
+function _objectWithoutPropertiesLoose$b(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -4971,38 +4901,38 @@ function _objectWithoutPropertiesLoose$a(r, e) {
   return t;
 }
 var SidebarHeader = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var isSticky = _ref.isSticky, props = _objectWithoutProperties$a(_ref, _excluded$a);
+  var isSticky = _ref.isSticky, props = _objectWithoutProperties$b(_ref, _excluded$b);
   var classNames = [];
   if (isSticky) {
     classNames.push("is-sticky");
   }
-  return /* @__PURE__ */ React.createElement(Element, _extends$a({
+  return /* @__PURE__ */ React.createElement(Element, _extends$b({
     as: "header",
     "data-sidebar-header": true,
     ref,
     classNames
   }, props));
 });
-var _excluded$9 = ["hasAlert", "hasEmptyIcon", "hasNoIcon", "children"];
-function _extends$9() {
-  return _extends$9 = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$a = ["hasAlert", "hasEmptyIcon", "hasNoIcon", "children"];
+function _extends$a() {
+  return _extends$a = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$9.apply(null, arguments);
+  }, _extends$a.apply(null, arguments);
 }
-function _objectWithoutProperties$9(e, t) {
+function _objectWithoutProperties$a(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$9(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$a(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$9(r, e) {
+function _objectWithoutPropertiesLoose$a(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -5012,7 +4942,7 @@ function _objectWithoutPropertiesLoose$9(r, e) {
   return t;
 }
 var SidebarItem = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var hasAlert = _ref.hasAlert, hasEmptyIcon = _ref.hasEmptyIcon, hasNoIcon = _ref.hasNoIcon, children = _ref.children, props = _objectWithoutProperties$9(_ref, _excluded$9);
+  var hasAlert = _ref.hasAlert, hasEmptyIcon = _ref.hasEmptyIcon, hasNoIcon = _ref.hasNoIcon, children = _ref.children, props = _objectWithoutProperties$a(_ref, _excluded$a);
   var classNames = [];
   if (hasAlert) {
     classNames.push("has-alert");
@@ -5022,7 +4952,7 @@ var SidebarItem = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   } else if (hasNoIcon) {
     classNames.push("has-no-icon");
   }
-  return /* @__PURE__ */ React.createElement(Element, _extends$9({
+  return /* @__PURE__ */ React.createElement(Element, _extends$a({
     as: "div",
     "data-sidebar-item": true,
     ref,
@@ -5031,26 +4961,26 @@ var SidebarItem = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     className: "empty-icon-wrapper"
   }), children);
 });
-var _excluded$8 = ["isSticky"];
-function _extends$8() {
-  return _extends$8 = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$9 = ["isSticky"];
+function _extends$9() {
+  return _extends$9 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$8.apply(null, arguments);
+  }, _extends$9.apply(null, arguments);
 }
-function _objectWithoutProperties$8(e, t) {
+function _objectWithoutProperties$9(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$8(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$9(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$8(r, e) {
+function _objectWithoutPropertiesLoose$9(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -5060,12 +4990,12 @@ function _objectWithoutPropertiesLoose$8(r, e) {
   return t;
 }
 var SidebarFooter = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var isSticky = _ref.isSticky, props = _objectWithoutProperties$8(_ref, _excluded$8);
+  var isSticky = _ref.isSticky, props = _objectWithoutProperties$9(_ref, _excluded$9);
   var classNames = [];
   if (isSticky) {
     classNames.push("is-sticky");
   }
-  return /* @__PURE__ */ React.createElement(Element, _extends$8({
+  return /* @__PURE__ */ React.createElement(Element, _extends$9({
     as: "footer",
     "data-sidebar-footer": true,
     ref,
@@ -5080,7 +5010,7 @@ function _typeof(o) {
     return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
   }, _typeof(o);
 }
-var _excluded$7 = ["variant", "width", "height", "shape", "effect", "loadingLabel"], _excluded2 = ["effect", "spacing", "animate", "repeat", "direction", "children", "classNames", "loadingLabel"];
+var _excluded$8 = ["variant", "width", "height", "shape", "effect", "loadingLabel"], _excluded2 = ["effect", "spacing", "animate", "repeat", "direction", "children", "classNames", "loadingLabel"];
 function _toConsumableArray(r) {
   return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray$4(r) || _nonIterableSpread();
 }
@@ -5105,14 +5035,14 @@ function _arrayLikeToArray$4(r, a) {
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
-function _extends$7() {
-  return _extends$7 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends$8() {
+  return _extends$8 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$7.apply(null, arguments);
+  }, _extends$8.apply(null, arguments);
 }
 function ownKeys(e, r) {
   var t = Object.keys(e);
@@ -5152,16 +5082,16 @@ function _toPrimitive(t, r) {
   }
   return ("string" === r ? String : Number)(t);
 }
-function _objectWithoutProperties$7(e, t) {
+function _objectWithoutProperties$8(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$7(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$8(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$7(r, e) {
+function _objectWithoutPropertiesLoose$8(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -5175,7 +5105,7 @@ var SkeletonContext = /* @__PURE__ */ createContext({
   animate: true
 });
 var Skeleton = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var _ref$variant = _ref.variant, variant = _ref$variant === void 0 ? "line" : _ref$variant, width = _ref.width, height = _ref.height, shape = _ref.shape, localEffect = _ref.effect, loadingLabel = _ref.loadingLabel, props = _objectWithoutProperties$7(_ref, _excluded$7);
+  var _ref$variant = _ref.variant, variant = _ref$variant === void 0 ? "line" : _ref$variant, width = _ref.width, height = _ref.height, shape = _ref.shape, localEffect = _ref.effect, loadingLabel = _ref.loadingLabel, props = _objectWithoutProperties$8(_ref, _excluded$8);
   var groupContext = useContext(SkeletonContext);
   var effectiveEffect = localEffect || groupContext.effect;
   var effectiveLabel = loadingLabel || groupContext.loadingLabel || "Loading...";
@@ -5196,7 +5126,7 @@ var Skeleton = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     height: computedHeight,
     aspectRatio: variant === "circle" ? "1 / 1" : "auto"
   }, props.style);
-  return /* @__PURE__ */ React.createElement(Element, _extends$7({
+  return /* @__PURE__ */ React.createElement(Element, _extends$8({
     as: "div",
     "data-skeleton": true,
     ref,
@@ -5211,7 +5141,7 @@ var Skeleton = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   }, props));
 });
 var SkeletonGroup = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
-  var _ref2$effect = _ref2.effect, effect = _ref2$effect === void 0 ? "wave" : _ref2$effect, _ref2$spacing = _ref2.spacing, spacing = _ref2$spacing === void 0 ? "small" : _ref2$spacing, _ref2$animate = _ref2.animate, animate = _ref2$animate === void 0 ? true : _ref2$animate, _ref2$repeat = _ref2.repeat, repeat = _ref2$repeat === void 0 ? 1 : _ref2$repeat, _ref2$direction = _ref2.direction, direction = _ref2$direction === void 0 ? "vertical" : _ref2$direction, children = _ref2.children, _ref2$classNames = _ref2.classNames, classNames = _ref2$classNames === void 0 ? [] : _ref2$classNames, _ref2$loadingLabel = _ref2.loadingLabel, loadingLabel = _ref2$loadingLabel === void 0 ? "Loading content..." : _ref2$loadingLabel, props = _objectWithoutProperties$7(_ref2, _excluded2);
+  var _ref2$effect = _ref2.effect, effect = _ref2$effect === void 0 ? "wave" : _ref2$effect, _ref2$spacing = _ref2.spacing, spacing = _ref2$spacing === void 0 ? "small" : _ref2$spacing, _ref2$animate = _ref2.animate, animate = _ref2$animate === void 0 ? true : _ref2$animate, _ref2$repeat = _ref2.repeat, repeat = _ref2$repeat === void 0 ? 1 : _ref2$repeat, _ref2$direction = _ref2.direction, direction = _ref2$direction === void 0 ? "vertical" : _ref2$direction, children = _ref2.children, _ref2$classNames = _ref2.classNames, classNames = _ref2$classNames === void 0 ? [] : _ref2$classNames, _ref2$loadingLabel = _ref2.loadingLabel, loadingLabel = _ref2$loadingLabel === void 0 ? "Loading content..." : _ref2$loadingLabel, props = _objectWithoutProperties$8(_ref2, _excluded2);
   var groupClassNames = ["direction-".concat(direction), effect && "effect-".concat(effect)].concat(_toConsumableArray(classNames));
   if (spacing) {
     groupClassNames.push("spacing-".concat(spacing));
@@ -5222,7 +5152,7 @@ var SkeletonGroup = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
       animate,
       loadingLabel
     }
-  }, /* @__PURE__ */ React.createElement(Element, _extends$7({
+  }, /* @__PURE__ */ React.createElement(Element, _extends$8({
     as: "div",
     ref,
     "data-skeleton-group": true,
@@ -5236,26 +5166,26 @@ var SkeletonGroup = /* @__PURE__ */ React.forwardRef(function(_ref2, ref) {
     });
   })));
 });
-var _excluded$6 = ["bordersFor", "isStriped", "highlightRowOnHover", "isFullWidth", "alignText", "caption", "summary", "hasColSpan", "children"];
-function _extends$6() {
-  return _extends$6 = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$7 = ["bordersFor", "isStriped", "highlightRowOnHover", "isFullWidth", "alignText", "caption", "summary", "hasColSpan", "children"];
+function _extends$7() {
+  return _extends$7 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$6.apply(null, arguments);
+  }, _extends$7.apply(null, arguments);
 }
-function _objectWithoutProperties$6(e, t) {
+function _objectWithoutProperties$7(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$6(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$7(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$6(r, e) {
+function _objectWithoutPropertiesLoose$7(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -5265,7 +5195,7 @@ function _objectWithoutPropertiesLoose$6(r, e) {
   return t;
 }
 var Table = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var bordersFor = _ref.bordersFor, isStriped = _ref.isStriped, highlightRowOnHover = _ref.highlightRowOnHover, isFullWidth = _ref.isFullWidth, alignText = _ref.alignText, caption = _ref.caption, summary = _ref.summary, hasColSpan = _ref.hasColSpan, children = _ref.children, props = _objectWithoutProperties$6(_ref, _excluded$6);
+  var bordersFor = _ref.bordersFor, isStriped = _ref.isStriped, highlightRowOnHover = _ref.highlightRowOnHover, isFullWidth = _ref.isFullWidth, alignText = _ref.alignText, caption = _ref.caption, summary = _ref.summary, hasColSpan = _ref.hasColSpan, children = _ref.children, props = _objectWithoutProperties$7(_ref, _excluded$7);
   var classNames = [];
   if (bordersFor) {
     classNames.push("bordered-".concat(bordersFor));
@@ -5291,7 +5221,7 @@ var Table = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     }
     return void 0;
   };
-  return /* @__PURE__ */ React.createElement(Element, _extends$6({
+  return /* @__PURE__ */ React.createElement(Element, _extends$7({
     as: "table",
     classNames,
     ref,
@@ -5301,15 +5231,15 @@ var Table = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     summary
   }, props), caption && /* @__PURE__ */ React.createElement("caption", null, caption), children);
 });
-var _excluded$5 = ["tabs", "additionalNavContentWrapper", "defaultActiveTab", "align"];
-function _extends$5() {
-  return _extends$5 = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$6 = ["tabs", "additionalNavContentWrapper", "defaultActiveTab", "align"];
+function _extends$6() {
+  return _extends$6 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$5.apply(null, arguments);
+  }, _extends$6.apply(null, arguments);
 }
 function _slicedToArray$3(r, e) {
   return _arrayWithHoles$3(r) || _iterableToArrayLimit$3(r, e) || _unsupportedIterableToArray$3(r, e) || _nonIterableRest$3();
@@ -5351,16 +5281,16 @@ function _iterableToArrayLimit$3(r, l) {
 function _arrayWithHoles$3(r) {
   if (Array.isArray(r)) return r;
 }
-function _objectWithoutProperties$5(e, t) {
+function _objectWithoutProperties$6(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$5(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$6(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$5(r, e) {
+function _objectWithoutPropertiesLoose$6(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -5370,7 +5300,7 @@ function _objectWithoutPropertiesLoose$5(r, e) {
   return t;
 }
 var Tabs = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var tabs = _ref.tabs, additionalNavContentWrapper = _ref.additionalNavContentWrapper, defaultActiveTab = _ref.defaultActiveTab, _ref$align = _ref.align, align = _ref$align === void 0 ? "left" : _ref$align, props = _objectWithoutProperties$5(_ref, _excluded$5);
+  var tabs = _ref.tabs, additionalNavContentWrapper = _ref.additionalNavContentWrapper, defaultActiveTab = _ref.defaultActiveTab, _ref$align = _ref.align, align = _ref$align === void 0 ? "left" : _ref$align, props = _objectWithoutProperties$6(_ref, _excluded$6);
   var index = tabs.findIndex(function(tab) {
     return tab.key === defaultActiveTab;
   });
@@ -5403,7 +5333,7 @@ var Tabs = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
       setActiveTab(void 0);
     }
   }, [tabs, activeTab === null || activeTab === void 0 ? void 0 : activeTab.key]);
-  return /* @__PURE__ */ React.createElement(Element, _extends$5({
+  return /* @__PURE__ */ React.createElement(Element, _extends$6({
     as: "div",
     "data-tabs": true,
     ref
@@ -5429,15 +5359,15 @@ var Tabs = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     className: "tabs-content ".concat(isExiting ? "exiting" : "")
   }, activeTab.content)) : /* @__PURE__ */ React.createElement(React.Fragment, null));
 });
-var _excluded$4 = ["currentTheme", "themeList", "children"];
-function _extends$4() {
-  return _extends$4 = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$5 = ["currentTheme", "themeList", "children"];
+function _extends$5() {
+  return _extends$5 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$4.apply(null, arguments);
+  }, _extends$5.apply(null, arguments);
 }
 function _slicedToArray$2(r, e) {
   return _arrayWithHoles$2(r) || _iterableToArrayLimit$2(r, e) || _unsupportedIterableToArray$2(r, e) || _nonIterableRest$2();
@@ -5479,16 +5409,16 @@ function _iterableToArrayLimit$2(r, l) {
 function _arrayWithHoles$2(r) {
   if (Array.isArray(r)) return r;
 }
-function _objectWithoutProperties$4(e, t) {
+function _objectWithoutProperties$5(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$4(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$5(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$4(r, e) {
+function _objectWithoutPropertiesLoose$5(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -5517,7 +5447,7 @@ var getTheme = function getTheme2(key, fallback) {
   return theme || fallback;
 };
 var ThemeProvider = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var currentTheme = _ref.currentTheme, themeList = _ref.themeList, children = _ref.children, props = _objectWithoutProperties$4(_ref, _excluded$4);
+  var currentTheme = _ref.currentTheme, themeList = _ref.themeList, children = _ref.children, props = _objectWithoutProperties$5(_ref, _excluded$5);
   var _useState = useState(false), _useState2 = _slicedToArray$2(_useState, 2), shouldRender = _useState2[0], setShouldRender = _useState2[1];
   var _useState3 = useState(function() {
     return getTheme(storageKey) || currentTheme;
@@ -5552,32 +5482,32 @@ var ThemeProvider = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   }, [currentTheme, setTheme]);
   return /* @__PURE__ */ React.createElement(ThemeContext.Provider, {
     value: [themeState, setTheme]
-  }, /* @__PURE__ */ React.createElement(Element, _extends$4({
+  }, /* @__PURE__ */ React.createElement(Element, _extends$5({
     as: "div",
     "data-theme-provider": true,
     ref
   }, props), shouldRender && children));
 });
-var _excluded$3 = ["position"];
-function _extends$3() {
-  return _extends$3 = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$4 = ["position"];
+function _extends$4() {
+  return _extends$4 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$3.apply(null, arguments);
+  }, _extends$4.apply(null, arguments);
 }
-function _objectWithoutProperties$3(e, t) {
+function _objectWithoutProperties$4(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$3(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$4(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$3(r, e) {
+function _objectWithoutPropertiesLoose$4(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -5587,27 +5517,27 @@ function _objectWithoutPropertiesLoose$3(r, e) {
   return t;
 }
 var ToastsWrapper = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var position = _ref.position, props = _objectWithoutProperties$3(_ref, _excluded$3);
+  var position = _ref.position, props = _objectWithoutProperties$4(_ref, _excluded$4);
   var classNames = [];
   if (position) {
     classNames.push(position);
   }
-  return /* @__PURE__ */ React.createElement(Element, _extends$3({
+  return /* @__PURE__ */ React.createElement(Element, _extends$4({
     as: "div",
     "data-toasts-wrapper": true,
     ref,
     classNames
   }, props));
 });
-var _excluded$2 = ["showWhen", "children", "secondsToShowFor", "closeWhen"];
-function _extends$2() {
-  return _extends$2 = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$3 = ["showWhen", "children", "secondsToShowFor", "closeWhen"];
+function _extends$3() {
+  return _extends$3 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$2.apply(null, arguments);
+  }, _extends$3.apply(null, arguments);
 }
 function _slicedToArray$1(r, e) {
   return _arrayWithHoles$1(r) || _iterableToArrayLimit$1(r, e) || _unsupportedIterableToArray$1(r, e) || _nonIterableRest$1();
@@ -5649,16 +5579,16 @@ function _iterableToArrayLimit$1(r, l) {
 function _arrayWithHoles$1(r) {
   if (Array.isArray(r)) return r;
 }
-function _objectWithoutProperties$2(e, t) {
+function _objectWithoutProperties$3(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$2(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$3(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$2(r, e) {
+function _objectWithoutPropertiesLoose$3(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -5668,7 +5598,7 @@ function _objectWithoutPropertiesLoose$2(r, e) {
   return t;
 }
 var ToastItem = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var showWhen = _ref.showWhen, children = _ref.children, secondsToShowFor = _ref.secondsToShowFor, closeWhen = _ref.closeWhen, props = _objectWithoutProperties$2(_ref, _excluded$2);
+  var showWhen = _ref.showWhen, children = _ref.children, secondsToShowFor = _ref.secondsToShowFor, closeWhen = _ref.closeWhen, props = _objectWithoutProperties$3(_ref, _excluded$3);
   var classNames = [];
   var _useState = useState(showWhen !== null && showWhen !== void 0 ? showWhen : false), _useState2 = _slicedToArray$1(_useState, 2), isVisible = _useState2[0], setIsVisible = _useState2[1];
   useEffect(function() {
@@ -5685,7 +5615,7 @@ var ToastItem = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   var onTransitionEnd = function onTransitionEnd2() {
     if (!showWhen) setIsVisible(false);
   };
-  return isVisible && /* @__PURE__ */ React.createElement(Element, _extends$2({
+  return isVisible && /* @__PURE__ */ React.createElement(Element, _extends$3({
     as: "div",
     "data-toast-item": true,
     classNames: [].concat(classNames, [showWhen ? "visible" : ""]),
@@ -5693,15 +5623,15 @@ var ToastItem = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     shadow: "soft"
   }, props), children);
 });
-var _excluded$1 = ["children", "isTooltipFor", "showOn", "position", "className"];
-function _extends$1() {
-  return _extends$1 = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$2 = ["children", "isTooltipFor", "showOn", "position", "className"];
+function _extends$2() {
+  return _extends$2 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$1.apply(null, arguments);
+  }, _extends$2.apply(null, arguments);
 }
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
@@ -5743,16 +5673,16 @@ function _iterableToArrayLimit(r, l) {
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
-function _objectWithoutProperties$1(e, t) {
+function _objectWithoutProperties$2(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose$1(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$2(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$1(r, e) {
+function _objectWithoutPropertiesLoose$2(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -5820,7 +5750,7 @@ var calculatePosition = function calculatePosition2(tooltipElement, targetElemen
 var Tooltip = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   var children = _ref.children, isTooltipFor = _ref.isTooltipFor, _ref$showOn = _ref.showOn, showOn = _ref$showOn === void 0 ? "hover" : _ref$showOn, _ref$position = _ref.position, position = _ref$position === void 0 ? "top" : _ref$position;
   _ref.className;
-  var props = _objectWithoutProperties$1(_ref, _excluded$1);
+  var props = _objectWithoutProperties$2(_ref, _excluded$2);
   var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), isVisible = _useState2[0], setIsVisible = _useState2[1];
   var _useState3 = useState({
     top: -9999,
@@ -5881,7 +5811,7 @@ var Tooltip = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
       window.removeEventListener("resize", updatePosition);
     };
   }, [isTooltipFor, showOn, position]);
-  return /* @__PURE__ */ React.createElement(Element, _extends$1({
+  return /* @__PURE__ */ React.createElement(Element, _extends$2({
     as: "div",
     "data-tooltip": true,
     ref: effectiveRef,
@@ -5895,26 +5825,26 @@ var Tooltip = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     }
   }, props), children);
 });
-var _excluded = ["fontStyle", "weight", "align"];
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+var _excluded$1 = ["fontStyle", "weight", "align"];
+function _extends$1() {
+  return _extends$1 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends.apply(null, arguments);
+  }, _extends$1.apply(null, arguments);
 }
-function _objectWithoutProperties(e, t) {
+function _objectWithoutProperties$1(e, t) {
   if (null == e) return {};
-  var o, r, i = _objectWithoutPropertiesLoose(e, t);
+  var o, r, i = _objectWithoutPropertiesLoose$1(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose(r, e) {
+function _objectWithoutPropertiesLoose$1(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -5924,7 +5854,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 var Heading = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var _ref$fontStyle = _ref.fontStyle, fontStyle = _ref$fontStyle === void 0 ? "sans-serif" : _ref$fontStyle, weight = _ref.weight, align = _ref.align, props = _objectWithoutProperties(_ref, _excluded);
+  var _ref$fontStyle = _ref.fontStyle, fontStyle = _ref$fontStyle === void 0 ? "sans-serif" : _ref$fontStyle, weight = _ref.weight, align = _ref.align, props = _objectWithoutProperties$1(_ref, _excluded$1);
   var classNames = [];
   if (weight) {
     classNames.push("weight-".concat(weight));
@@ -5935,122 +5865,225 @@ var Heading = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   if (align) {
     classNames.push("text-".concat(align));
   }
-  return /* @__PURE__ */ React.createElement(Element, _extends({
+  return /* @__PURE__ */ React.createElement(Element, _extends$1({
     ref,
     classNames
   }, props));
 });
 var Heading1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  return /* @__PURE__ */ React.createElement(Heading, _extends({
+  return /* @__PURE__ */ React.createElement(Heading, _extends$1({
     as: "h1",
     ref
   }, props));
 });
 var Heading2 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  return /* @__PURE__ */ React.createElement(Heading, _extends({
+  return /* @__PURE__ */ React.createElement(Heading, _extends$1({
     as: "h2",
     ref
   }, props));
 });
 var Heading3 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  return /* @__PURE__ */ React.createElement(Heading, _extends({
+  return /* @__PURE__ */ React.createElement(Heading, _extends$1({
     as: "h3",
     ref
   }, props));
 });
 var Heading4 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  return /* @__PURE__ */ React.createElement(Heading, _extends({
+  return /* @__PURE__ */ React.createElement(Heading, _extends$1({
     as: "h4",
     ref
   }, props));
 });
 var Heading5 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  return /* @__PURE__ */ React.createElement(Heading, _extends({
+  return /* @__PURE__ */ React.createElement(Heading, _extends$1({
     as: "h5",
     ref
   }, props));
 });
 var Heading6 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  return /* @__PURE__ */ React.createElement(Heading, _extends({
+  return /* @__PURE__ */ React.createElement(Heading, _extends$1({
     as: "h6",
     ref
   }, props));
 });
+var _excluded = ["id", "children", "classNames", "isDismissible", "showBackdrop", "blurBackdrop", "label", "description"];
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o, r, i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+var Modal = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
+  var id = _ref.id, children = _ref.children, _ref$classNames = _ref.classNames, classNames = _ref$classNames === void 0 ? [] : _ref$classNames, _ref$isDismissible = _ref.isDismissible, isDismissible = _ref$isDismissible === void 0 ? true : _ref$isDismissible, showBackdrop = _ref.showBackdrop, blurBackdrop = _ref.blurBackdrop, label = _ref.label, description = _ref.description, props = _objectWithoutProperties(_ref, _excluded);
+  var modalId = "".concat(id);
+  var descriptionId = description ? "".concat(modalId, "-description") : void 0;
+  if (showBackdrop) {
+    classNames.push("show-backdrop");
+  }
+  if (blurBackdrop) {
+    classNames.push("blur-backdrop");
+  }
+  useEffect(function() {
+    var handleEscape = function handleEscape2(e) {
+      if (e.key === "Escape" && isDismissible) {
+        hideModal(id);
+      }
+    };
+    document.addEventListener("keydown", handleEscape);
+    return function() {
+      return document.removeEventListener("keydown", handleEscape);
+    };
+  }, [id, isDismissible]);
+  return /* @__PURE__ */ React.createElement(Element, _extends({
+    as: "dialog",
+    id: modalId,
+    "data-modal": true,
+    popover: isDismissible ? "auto" : "manual",
+    ref,
+    classNames,
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": label || "Modal dialog",
+    "aria-describedby": descriptionId
+  }, props), isDismissible && /* @__PURE__ */ React.createElement(Text, {
+    className: "dismiss-button",
+    onClick: function onClick() {
+      return hideModal(id);
+    },
+    "aria-label": "Close modal",
+    tabIndex: 0
+  }, "×"), description && /* @__PURE__ */ React.createElement("div", {
+    id: descriptionId,
+    className: "sr-only"
+  }, description), /* @__PURE__ */ React.createElement("div", {
+    role: "document"
+  }, children));
+});
+var showModal = function showModal2(modalId) {
+  var modal = document.querySelector("#".concat(modalId, "[data-modal]"));
+  if (modal instanceof HTMLElement) {
+    modal.showPopover();
+    var focusableElements = modal.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    if (focusableElements.length) {
+      focusableElements[0].focus();
+    }
+  }
+};
+var hideModal = function hideModal2(modalId) {
+  var modal = document.querySelector("#".concat(modalId, "[data-modal]"));
+  if (modal instanceof HTMLElement) {
+    modal.hidePopover();
+    if (document.activeElement instanceof HTMLElement) {
+      document.activeElement.blur();
+    }
+  }
+};
+var toggleModal = function toggleModal2(modalId) {
+  var modal = document.querySelector("#".concat(modalId, "[data-modal]"));
+  if (modal instanceof HTMLElement) {
+    modal.matches(":popover-open") ? hideModal(modalId) : showModal(modalId);
+  }
+};
 export {
-  SidebarHeader as $,
+  useOptionCard as $,
   Accordion as A,
   Badge as B,
   Callout as C,
   Drawer as D,
   Element as E,
   Footer as F,
-  NotificationsWrapper as G,
+  Range as G,
   Header as H,
   InputField as I,
-  NotificationItem as J,
-  Pagination as K,
+  RadioTabGroup as J,
+  Meter as K,
   ListBox as L,
   Main as M,
   Nav as N,
-  Portion as O,
+  Modal as O,
   PinInputField as P,
-  ProgressBar as Q,
+  NotificationsWrapper as Q,
   RadioGroup as R,
   Section as S,
   TextArea as T,
-  Row as U,
-  OptionCard as V,
-  OptionCardsGroup as W,
-  useOptionCard as X,
-  useOptionCardsGroup as Y,
-  SidebarWrapper as Z,
-  ContentWrapper as _,
+  NotificationItem as U,
+  Pagination as V,
+  Portion as W,
+  ProgressBar as X,
+  Row as Y,
+  OptionCard as Z,
+  OptionCardsGroup as _,
   Button as a,
-  SidebarItem as a0,
-  SidebarFooter as a1,
-  Skeleton as a2,
-  SkeletonGroup as a3,
-  Spinner as a4,
-  Table as a5,
-  Tabs as a6,
-  ThemeProvider as a7,
-  useTheme as a8,
-  ToastsWrapper as a9,
-  ToastItem as aa,
-  Tooltip as ab,
-  Heading1 as ac,
-  Heading2 as ad,
-  Heading3 as ae,
-  Heading4 as af,
-  Heading5 as ag,
-  Heading6 as ah,
-  Text as ai,
-  showModal as aj,
-  hideModal as ak,
-  toggleModal as al,
+  useOptionCardsGroup as a0,
+  SidebarWrapper as a1,
+  ContentWrapper as a2,
+  SidebarHeader as a3,
+  SidebarItem as a4,
+  SidebarFooter as a5,
+  Skeleton as a6,
+  SkeletonGroup as a7,
+  Spinner as a8,
+  Table as a9,
+  Tabs as aa,
+  ThemeProvider as ab,
+  useTheme as ac,
+  ToastsWrapper as ad,
+  ToastItem as ae,
+  Tooltip as af,
+  Heading1 as ag,
+  Heading2 as ah,
+  Heading3 as ai,
+  Heading4 as aj,
+  Heading5 as ak,
+  Heading6 as al,
+  Text as am,
+  showModal as an,
+  hideModal as ao,
+  toggleModal as ap,
   Breadcrumbs as b,
   Card as c,
   CodeBlock as d,
   Divider as e,
   Div as f,
   Article as g,
-  Aside as h,
-  Body as i,
-  Span as j,
-  Hyperlink as k,
-  Form as l,
-  FormItem as m,
-  FormItemGroup as n,
-  InputLabel as o,
-  Select as p,
-  FileUpload as q,
-  RadioButton as r,
-  Checkbox as s,
-  CheckboxGroup as t,
-  Switch as u,
-  SwitchGroup as v,
-  Range as w,
-  RadioTabGroup as x,
-  Meter as y,
-  Modal as z
+  hideDrawer as h,
+  isDrawerOpen as i,
+  Aside as j,
+  Body as k,
+  Span as l,
+  Hyperlink as m,
+  Form as n,
+  FormItem as o,
+  FormItemGroup as p,
+  InputLabel as q,
+  Select as r,
+  showDrawer as s,
+  toggleDrawer as t,
+  FileUpload as u,
+  RadioButton as v,
+  Checkbox as w,
+  CheckboxGroup as x,
+  Switch as y,
+  SwitchGroup as z
 };