@aivenio/aquarium 1.7.0 → 1.8.1

package/dist/atoms.mjs

@@ -2201,20 +2201,20 @@ var classNames = (...args) => {
 // src/components/Icon/Icon.tsx
 var Icon = React4.forwardRef((_a, ref) => {
   var _b = _a, { color, className } = _b, rest = __objRest(_b, ["color", "className"]);
-  const classes = classNames(className, color && `text-${color}`);
+  const classes2 = classNames(className, color && `text-${color}`);
   return /* @__PURE__ */ React4.createElement(IconifyIconComponent, __spreadValues({
     ref: ref != null ? ref : void 0,
-    className: classes !== "" ? classes : void 0
+    className: classes2 !== "" ? classes2 : void 0
   }, rest));
 });
 var InlineIcon = React4.forwardRef((_a, ref) => {
   var _b = _a, { color, className } = _b, rest = __objRest(_b, ["color", "className"]);
-  const classes = classNames(color && `text-${color}`);
+  const classes2 = classNames(color && `text-${color}`);
   return /* @__PURE__ */ React4.createElement("span", {
     className: classNames(tw("children:inline-block inline-flex justify-center items-center"), className)
   }, /* @__PURE__ */ React4.createElement(IconifyInlineIconComponent, __spreadValues({
     ref: ref != null ? ref : void 0,
-    className: classes !== "" ? classes : void 0
+    className: classes2 !== "" ? classes2 : void 0
   }, rest)));
 });
 
@@ -2451,6 +2451,12 @@ var Arrow = (props) => {
   }, props));
 };
 
+// src/utils/constants.ts
+var ghostButtonStyle = tw(
+  "text-primary-80 active:text-primary-70 focus-visible:text-grey-90 hover:text-primary-70 disabled:text-primary-40"
+);
+var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80"));
+
 // src/components/Button/Button.tsx
 var import_chevronDown = __toESM(require_chevronDown());
 var import_loading = __toESM(require_loading());
@@ -2463,9 +2469,7 @@ var COLOR_CLASSNAMES = {
     "focus-visible:ring-2 focus-visible:ring-grey-50 focus-visible:text-grey-80",
     "hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20"
   ),
-  "ghost": tw(
-    "text-primary-80 active:text-primary-70 focus-visible:text-grey-90 hover:text-primary-70 disabled:text-primary-40"
-  ),
+  "ghost": ghostButtonStyle,
   "secondary-ghost": tw(
     "text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30"
   )
@@ -2778,6 +2782,7 @@ Alert.Dismiss = (_a) => {
 
 // src/common/Card/Card.tsx
 import React12 from "react";
+import isNumber from "lodash/isNumber";
 
 // src/components/Box/Box.tsx
 import React11 from "react";
@@ -2939,32 +2944,24 @@ var BorderBox = createSimpleComponent(
 );
 
 // src/common/Card/Card.tsx
-var Card = (_a) => {
-  var _b = _a, {
-    disabled,
-    fullWidth,
-    clickable,
-    className,
-    children
-  } = _b, rest = __objRest(_b, [
-    "disabled",
-    "fullWidth",
-    "clickable",
-    "className",
-    "children"
-  ]);
-  return /* @__PURE__ */ React12.createElement("div", __spreadProps(__spreadValues({}, rest), {
-    className: classNames(
-      tw("border-grey-5 border-[1px] rounded-[2px] relative p-5 flex flex-col gap-5", {
-        "w-[280px]": !fullWidth,
-        "w-full min-w-[280px]": Boolean(fullWidth),
-        "active:bg-grey-5 cursor-pointer hover:border-grey-50 focus:border-info-70": Boolean(clickable && !disabled),
-        "bg-grey-0 cursor-not-allowed focus:border-transparent": Boolean(disabled)
-      }),
-      className
-    )
-  }), children);
-};
+var Card = React12.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { disabled, fullWidth, clickable, className, children } = _b, rest = __objRest(_b, ["disabled", "fullWidth", "clickable", "className", "children"]);
+    return /* @__PURE__ */ React12.createElement("div", __spreadProps(__spreadValues({
+      ref
+    }, rest), {
+      className: classNames(
+        tw("border-grey-5 border-[1px] rounded-[2px] relative p-5 flex flex-col gap-5", {
+          "w-[280px]": !fullWidth,
+          "w-full min-w-[280px]": Boolean(fullWidth),
+          "active:bg-grey-5 cursor-pointer hover:border-grey-50 focus:border-info-70": Boolean(clickable && !disabled),
+          "bg-grey-0 cursor-not-allowed focus:border-transparent": Boolean(disabled)
+        }),
+        className
+      )
+    }), children);
+  }
+);
 var ColorHighlight = (_a) => {
   var _b = _a, { color, className } = _b, rest = __objRest(_b, ["color", "className"]);
   return /* @__PURE__ */ React12.createElement(Box, __spreadProps(__spreadValues({}, rest), {
@@ -2983,16 +2980,15 @@ var ImageContainer = (_a) => {
     )
   }));
 };
-var Image = ({
-  image,
-  imageAlt,
-  fullSize
-}) => /* @__PURE__ */ React12.createElement("img", {
+var classes = "w-full bg-cover object-cover";
+var Image = ({ image, imageAlt, fullSize = false, imageHeight }) => /* @__PURE__ */ React12.createElement("img", {
   src: image,
   alt: imageAlt,
-  className: tw("w-full bg-cover object-cover h-[174px]", {
-    "h-[225px]": Boolean(fullSize)
-  })
+  className: tw(classes, {
+    "h-[174px]": !imageHeight && !fullSize,
+    "h-[225px]": !imageHeight && fullSize
+  }),
+  style: { height: isNumber(imageHeight) ? `${imageHeight}px` : imageHeight }
 });
 var Content = (_a) => {
   var _b = _a, { className, dense } = _b, rest = __objRest(_b, ["className", "dense"]);
@@ -3378,11 +3374,20 @@ var InputGroup = (_a) => {
   }), children);
 };
 
-// src/common/Modal/Modal.tsx
+// src/common/Link/Link.tsx
 import React19 from "react";
+var Link = (_a) => {
+  var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
+  return /* @__PURE__ */ React19.createElement("a", __spreadValues({
+    className: classNames(className, linkStyle)
+  }, props), children);
+};
+
+// src/common/Modal/Modal.tsx
+import React20 from "react";
 var Modal = (_a) => {
   var _b = _a, { children, className, open } = _b, rest = __objRest(_b, ["children", "className", "open"]);
-  return open ? /* @__PURE__ */ React19.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return open ? /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       tw("inset-0 overflow-y-auto z-modal flex justify-center items-center fixed py-7"),
       className
@@ -3391,14 +3396,14 @@ var Modal = (_a) => {
 };
 Modal.BackDrop = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React19.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("-z-10 fixed min-w-full min-h-full bg-navyBlue-100 opacity-70"), className)
   }));
 };
-Modal.Dialog = React19.forwardRef(
+Modal.Dialog = React20.forwardRef(
   (_a, ref) => {
     var _b = _a, { children, className, size = "sm" } = _b, rest = __objRest(_b, ["children", "className", "size"]);
-    return /* @__PURE__ */ React19.createElement("div", __spreadProps(__spreadValues({
+    return /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({
       ref,
       "aria-modal": "true"
     }, rest), {
@@ -3416,31 +3421,31 @@ Modal.Dialog = React19.forwardRef(
 );
 Modal.Header = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React19.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("px-7 py-6 gap-3 flex items-center"), className)
   }), children);
 };
 Modal.HeaderImage = (_a) => {
   var _b = _a, { backgroundImage, className } = _b, rest = __objRest(_b, ["backgroundImage", "className"]);
   const common = tw("h-[120px] min-h-[120px] w-full ");
-  return backgroundImage ? /* @__PURE__ */ React19.createElement("img", __spreadProps(__spreadValues({
+  return backgroundImage ? /* @__PURE__ */ React20.createElement("img", __spreadProps(__spreadValues({
     "aria-hidden": true,
     src: backgroundImage != null ? backgroundImage : void 0
   }, rest), {
     className: classNames(common, tw("object-cover"), className)
-  })) : /* @__PURE__ */ React19.createElement("div", {
+  })) : /* @__PURE__ */ React20.createElement("div", {
     className: classNames(common, tw("bg-grey-5"), className)
   });
 };
 Modal.CloseButtonContainer = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React19.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("absolute top-[20px] right-[28px]"), className)
   }));
 };
 Modal.Title = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React19.createElement(Typography, __spreadValues({
+  return /* @__PURE__ */ React20.createElement(Typography, __spreadValues({
     htmlTag: "h2",
     variant: "subheading",
     color: "grey-90",
@@ -3449,47 +3454,47 @@ Modal.Title = (_a) => {
 };
 Modal.Subtitle = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React19.createElement(Typography, __spreadValues({
+  return /* @__PURE__ */ React20.createElement(Typography, __spreadValues({
     variant: "small",
     color: "grey-60"
   }, rest), children);
 };
 Modal.TitleContainer = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React19.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("flex flex-col grow gap-2"), className)
   }), children);
 };
 Modal.Body = (_a) => {
   var _b = _a, { children, className, noFooter = false, maxHeight, style } = _b, rest = __objRest(_b, ["children", "className", "noFooter", "maxHeight", "style"]);
-  return /* @__PURE__ */ React19.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("px-7 grow overflow-y-auto", { "pb-6": noFooter }), className),
     style: __spreadValues({ maxHeight }, style)
   }), children);
 };
 Modal.Footer = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React19.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("px-7 py-6"), className)
   }), children);
 };
 Modal.Actions = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React19.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("flex gap-4 justify-end"), className)
   }), children);
 };
 
 // src/common/Popover/Popover.tsx
-import React20 from "react";
-var PopoverPanel = React20.forwardRef((_a, ref) => {
+import React21 from "react";
+var PopoverPanel = React21.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React20.createElement("div", __spreadValues({
+  return /* @__PURE__ */ React21.createElement("div", __spreadValues({
     ref,
     className: classNames(
       className,
       tw(
-        "rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20 overflow-y-auto"
+        "rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
       )
     )
   }, props), children);
@@ -3499,23 +3504,23 @@ var Popover = {
 };
 
 // src/common/PopoverDialog/PopoverDialog.tsx
-import React21 from "react";
+import React22 from "react";
 var Header = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React21.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React22.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("p-5 gap-3 flex items-center"), className)
   }), children);
 };
 var Title = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React21.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
     htmlTag: "h1",
     variant: "small-strong"
   }), children);
 };
 var Body = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React21.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React22.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
     htmlTag: "div",
     variant: "caption",
     className: classNames(tw("px-5 overflow-y-auto"), className)
@@ -3523,13 +3528,13 @@ var Body = (_a) => {
 };
 var Footer = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React21.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React22.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("p-5"), className)
   }), children);
 };
 var Actions2 = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React21.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React22.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tw("flex gap-4"), className)
   }), children);
 };
@@ -3542,11 +3547,11 @@ var PopoverDialog = {
 };
 
 // src/common/RadioButton/RadioButton.tsx
-import React22 from "react";
-var RadioButton = React22.forwardRef(
+import React23 from "react";
+var RadioButton = React23.forwardRef(
   (_a, ref) => {
     var _b = _a, { id, children, name, disabled = false, readOnly = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly"]);
-    return /* @__PURE__ */ React22.createElement("input", __spreadProps(__spreadValues({
+    return /* @__PURE__ */ React23.createElement("input", __spreadProps(__spreadValues({
       id,
       ref,
       type: "radio",
@@ -3570,7 +3575,7 @@ var RadioButton = React22.forwardRef(
 );
 
 // src/common/Select/Select.tsx
-import React23 from "react";
+import React24 from "react";
 var import_chevronDown2 = __toESM(require_chevronDown());
 var import_chevronUp = __toESM(require_chevronUp());
 var import_search = __toESM(require_search());
@@ -3590,16 +3595,16 @@ function isOptionDisabledBuiltin(option) {
 }
 var getValues = (children) => {
   var _a;
-  const values = React23.Children.map(children, (c) => {
+  const values = React24.Children.map(children, (c) => {
     var _a2;
     return (_a2 = c == null ? void 0 : c.props) == null ? void 0 : _a2.value;
   });
   return (_a = values == null ? void 0 : values.filter((v) => v !== void 0 && v !== null)) != null ? _a : [];
 };
-var InputContainer = React23.forwardRef(
+var InputContainer = React24.forwardRef(
   (_a, ref) => {
     var _b = _a, { variant = "default", className } = _b, props = __objRest(_b, ["variant", "className"]);
-    return /* @__PURE__ */ React23.createElement("div", __spreadValues({
+    return /* @__PURE__ */ React24.createElement("div", __spreadValues({
       ref,
       className: classNames(
         className,
@@ -3618,9 +3623,9 @@ var InputContainer = React23.forwardRef(
     }, props));
   }
 );
-var Input = React23.forwardRef((_a, ref) => {
+var Input = React24.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React23.createElement("input", __spreadValues({
+  return /* @__PURE__ */ React24.createElement("input", __spreadValues({
     ref,
     type: "text",
     className: classNames(
@@ -3634,39 +3639,39 @@ var Input = React23.forwardRef((_a, ref) => {
     )
   }, props));
 });
-var Menu = React23.forwardRef(
+var Menu = React24.forwardRef(
   (_a, ref) => {
     var _b = _a, { maxHeight = "450px", className, children } = _b, props = __objRest(_b, ["maxHeight", "className", "children"]);
-    return /* @__PURE__ */ React23.createElement("ul", __spreadValues({
+    return /* @__PURE__ */ React24.createElement("ul", __spreadValues({
       ref,
       style: { maxHeight },
       className
     }, props), children);
   }
 );
-var NoResults = React23.forwardRef(
+var NoResults = React24.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, children } = _b, rest = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ React23.createElement("li", __spreadProps(__spreadValues({
+    return /* @__PURE__ */ React24.createElement("li", __spreadProps(__spreadValues({
       ref
     }, rest), {
       className: classNames(tw("p-3 text-grey-40 italic"), className)
     }), children);
   }
 );
-var EmptyStateContainer2 = React23.forwardRef((_a, ref) => {
+var EmptyStateContainer2 = React24.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React23.createElement("li", __spreadValues({
+  return /* @__PURE__ */ React24.createElement("li", __spreadValues({
     ref,
     className: tw("border border-dashed border-grey-10 m-4 p-6")
   }, props), children);
 });
-var Divider = (props) => /* @__PURE__ */ React23.createElement("div", __spreadValues({
+var Divider = (props) => /* @__PURE__ */ React24.createElement("div", __spreadValues({
   className: tw("border-b-[1px] border-grey-5 mx-3 my-4")
 }, props));
-var Group2 = React23.forwardRef((_a, ref) => {
+var Group2 = React24.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React23.createElement("li", __spreadValues({
+  return /* @__PURE__ */ React24.createElement("li", __spreadValues({
     ref,
     className: classNames(
       className,
@@ -3677,10 +3682,10 @@ var Group2 = React23.forwardRef((_a, ref) => {
     )
   }, props), children);
 });
-var Item2 = React23.forwardRef(
+var Item2 = React24.forwardRef(
   (_a, ref) => {
     var _b = _a, { highlighted, selected, className, children } = _b, props = __objRest(_b, ["highlighted", "selected", "className", "children"]);
-    return /* @__PURE__ */ React23.createElement("li", __spreadValues({
+    return /* @__PURE__ */ React24.createElement("li", __spreadValues({
       ref,
       className: classNames(className, "flex items-center gap-x-3 p-3 typography-small", {
         "cursor-pointer": !props.disabled,
@@ -3688,17 +3693,17 @@ var Item2 = React23.forwardRef(
         "text-grey-20": props.disabled,
         "hover:bg-grey-0": !props.disabled
       })
-    }, props), /* @__PURE__ */ React23.createElement("span", {
+    }, props), /* @__PURE__ */ React24.createElement("span", {
       className: tw("grow flex gap-x-3")
-    }, children), selected && /* @__PURE__ */ React23.createElement(InlineIcon, {
+    }, children), selected && /* @__PURE__ */ React24.createElement(InlineIcon, {
       icon: import_tick3.default
     }));
   }
 );
-var ActionItem = React23.forwardRef(
+var ActionItem = React24.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, dense, icon, onClick, children } = _b, props = __objRest(_b, ["className", "dense", "icon", "onClick", "children"]);
-    return /* @__PURE__ */ React23.createElement("li", __spreadValues({
+    return /* @__PURE__ */ React24.createElement("li", __spreadValues({
       ref,
       role: "button",
       onClick: () => !props.disabled && (onClick == null ? void 0 : onClick()),
@@ -3709,21 +3714,21 @@ var ActionItem = React23.forwardRef(
         "text-grey-20": props.disabled,
         "hover:text-primary-70": !props.disabled
       })
-    }, props), icon && /* @__PURE__ */ React23.createElement(InlineIcon, {
+    }, props), icon && /* @__PURE__ */ React24.createElement(InlineIcon, {
       icon
     }), children);
   }
 );
-var Toggle = React23.forwardRef((_a, ref) => {
+var Toggle = React24.forwardRef((_a, ref) => {
   var _b = _a, { hasFocus, isOpen } = _b, props = __objRest(_b, ["hasFocus", "isOpen"]);
   var _a2;
-  return /* @__PURE__ */ React23.createElement("button", __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React24.createElement("button", __spreadProps(__spreadValues({
     ref,
     type: "button",
     "aria-label": "Toggle"
   }, props), {
     className: tw("grow-0 leading-none", { "cursor-not-allowed": (_a2 = props.disabled) != null ? _a2 : false })
-  }), /* @__PURE__ */ React23.createElement(InlineIcon, {
+  }), /* @__PURE__ */ React24.createElement(InlineIcon, {
     color: props.disabled ? "grey-40" : "grey-70",
     icon: hasFocus ? import_search.default : isOpen ? import_chevronUp.default : import_chevronDown2.default
   }));
@@ -3742,11 +3747,11 @@ var Select = {
 };
 
 // src/common/Stepper/Stepper.tsx
-import React24 from "react";
+import React25 from "react";
 var import_tick4 = __toESM(require_tick());
 var Stepper = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React24.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React25.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(className)
   }));
 };
@@ -3760,7 +3765,7 @@ var ConnectorContainer = (_a) => {
     "completed",
     "dense"
   ]);
-  return /* @__PURE__ */ React24.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React25.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       tw("absolute w-full -left-1/2", {
         "top-[3px] px-[14px]": Boolean(dense),
@@ -3772,7 +3777,7 @@ var ConnectorContainer = (_a) => {
 };
 var Connector = (_a) => {
   var _b = _a, { children, className, completed, dense } = _b, rest = __objRest(_b, ["children", "className", "completed", "dense"]);
-  return /* @__PURE__ */ React24.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React25.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       tw("w-full", {
         "bg-grey-20": !completed,
@@ -3786,7 +3791,7 @@ var Connector = (_a) => {
 };
 var Step = (_a) => {
   var _b = _a, { className, state } = _b, rest = __objRest(_b, ["className", "state"]);
-  return /* @__PURE__ */ React24.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React25.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       tw("flex flex-col items-center text-grey-90 relative text-center", {
         "text-grey-20": state === "inactive"
@@ -3807,13 +3812,13 @@ var getDenseClassNames = (state) => tw("h-[8px] w-[8px]", {
 });
 var Indicator = (_a) => {
   var _b = _a, { children, className, state, dense } = _b, rest = __objRest(_b, ["children", "className", "state", "dense"]);
-  return /* @__PURE__ */ React24.createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React25.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       tw("rounded-full flex justify-center items-center mx-2 mb-3"),
       dense ? getDenseClassNames(state) : getClassNames(state),
       className
     )
-  }), state === "completed" ? /* @__PURE__ */ React24.createElement(InlineIcon, {
+  }), state === "completed" ? /* @__PURE__ */ React25.createElement(InlineIcon, {
     icon: import_tick4.default
   }) : dense ? null : children);
 };
@@ -3823,13 +3828,13 @@ ConnectorContainer.Connector = Connector;
 Stepper.ConnectorContainer = ConnectorContainer;
 
 // src/common/Switch/Switch.tsx
-import React25 from "react";
-var Switch = React25.forwardRef(
+import React26 from "react";
+var Switch = React26.forwardRef(
   (_a, ref) => {
     var _b = _a, { id, children, name, disabled = false, readOnly = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly"]);
-    return /* @__PURE__ */ React25.createElement("span", {
+    return /* @__PURE__ */ React26.createElement("span", {
       className: tw("relative inline-flex justify-center items-center self-center group")
-    }, /* @__PURE__ */ React25.createElement("input", __spreadProps(__spreadValues({
+    }, /* @__PURE__ */ React26.createElement("input", __spreadProps(__spreadValues({
       id,
       ref,
       type: "checkbox",
@@ -3848,7 +3853,7 @@ var Switch = React25.forwardRef(
       ),
       readOnly,
       disabled
-    })), /* @__PURE__ */ React25.createElement("span", {
+    })), /* @__PURE__ */ React26.createElement("span", {
       className: tw(
         "pointer-events-none rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5",
         "bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1",
@@ -3861,32 +3866,32 @@ var Switch = React25.forwardRef(
 );
 
 // src/common/Table/Table.tsx
-import React26 from "react";
+import React27 from "react";
 var import_chevronDown3 = __toESM(require_chevronDown());
 var import_chevronUp2 = __toESM(require_chevronUp());
-var HeadContext = React26.createContext(null);
+var HeadContext = React27.createContext(null);
 var tableClassNames = tw("w-full relative typography-default border-spacing-0");
 var Table = (_a) => {
   var _b = _a, { children, ariaLabel, className } = _b, rest = __objRest(_b, ["children", "ariaLabel", "className"]);
-  return /* @__PURE__ */ React26.createElement("table", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React27.createElement("table", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tableClassNames, className),
     "aria-label": ariaLabel
   }), children);
 };
 var TableHead = (_a) => {
   var _b = _a, { children, sticky } = _b, rest = __objRest(_b, ["children", "sticky"]);
-  return /* @__PURE__ */ React26.createElement("thead", __spreadValues({}, rest), /* @__PURE__ */ React26.createElement("tr", null, /* @__PURE__ */ React26.createElement(HeadContext.Provider, {
+  return /* @__PURE__ */ React27.createElement("thead", __spreadValues({}, rest), /* @__PURE__ */ React27.createElement("tr", null, /* @__PURE__ */ React27.createElement(HeadContext.Provider, {
     value: { children, sticky }
   }, children)));
 };
 var TableBody = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React26.createElement("tbody", __spreadValues({}, rest), children);
+  return /* @__PURE__ */ React27.createElement("tbody", __spreadValues({}, rest), children);
 };
 var rowClassNames = tw("children:border-grey-10 children:last:border-b-0 hover:bg-grey-0");
 var TableRow = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React26.createElement("tr", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React27.createElement("tr", __spreadProps(__spreadValues({}, rest), {
     className: classNames(rowClassNames, className)
   }), children);
 };
@@ -3902,25 +3907,25 @@ var getHeadCellClassNames = (sticky = true) => {
 };
 var TableCell = (_a) => {
   var _b = _a, { children, className, align = "left" } = _b, rest = __objRest(_b, ["children", "className", "align"]);
-  const headContext = React26.useContext(HeadContext);
-  return headContext ? /* @__PURE__ */ React26.createElement("th", __spreadProps(__spreadValues({}, rest), {
+  const headContext = React27.useContext(HeadContext);
+  return headContext ? /* @__PURE__ */ React27.createElement("th", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       cellClassNames,
       getHeadCellClassNames(headContext.sticky),
       getAlignClassNames(align),
       className
     )
-  }), children) : /* @__PURE__ */ React26.createElement("td", __spreadProps(__spreadValues({}, rest), {
+  }), children) : /* @__PURE__ */ React27.createElement("td", __spreadProps(__spreadValues({}, rest), {
     className: classNames(cellClassNames, getBodyCellClassNames(), getAlignClassNames(align), className)
   }), children);
 };
 var TableSelectCell = (_a) => {
   var _b = _a, { ariaLabel } = _b, props = __objRest(_b, ["ariaLabel"]);
-  return /* @__PURE__ */ React26.createElement(Table.Cell, {
+  return /* @__PURE__ */ React27.createElement(Table.Cell, {
     className: tw("leading-[0px]")
-  }, props.type === "radio" ? /* @__PURE__ */ React26.createElement(RadioButton, __spreadValues({
+  }, props.type === "radio" ? /* @__PURE__ */ React27.createElement(RadioButton, __spreadValues({
     "aria-label": ariaLabel
-  }, props)) : /* @__PURE__ */ React26.createElement(Checkbox, __spreadValues({
+  }, props)) : /* @__PURE__ */ React27.createElement(Checkbox, __spreadValues({
     "aria-label": ariaLabel
   }, props)));
 };
@@ -3930,39 +3935,39 @@ var getSortCellIconClassNames = (active) => {
 };
 var TableSortCell = (_a) => {
   var _b = _a, { children, direction = "none", onClick } = _b, rest = __objRest(_b, ["children", "direction", "onClick"]);
-  return /* @__PURE__ */ React26.createElement(Table.Cell, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React27.createElement(Table.Cell, __spreadProps(__spreadValues({}, rest), {
     "aria-sort": direction
-  }), /* @__PURE__ */ React26.createElement("span", {
+  }), /* @__PURE__ */ React27.createElement("span", {
     className: getSortCellButtonClassNames(rest.align),
     role: "button",
     tabIndex: -1,
     onClick
-  }, children, /* @__PURE__ */ React26.createElement("div", {
+  }, children, /* @__PURE__ */ React27.createElement("div", {
     "data-sort-icons": true,
     className: tw("flex flex-col", {
       "invisible group-hover:visible": direction === "none"
     })
-  }, /* @__PURE__ */ React26.createElement(InlineIcon, {
+  }, /* @__PURE__ */ React27.createElement(InlineIcon, {
     icon: import_chevronUp2.default,
     className: getSortCellIconClassNames(direction === "descending")
-  }), /* @__PURE__ */ React26.createElement(InlineIcon, {
+  }), /* @__PURE__ */ React27.createElement(InlineIcon, {
     icon: import_chevronDown3.default,
     className: getSortCellIconClassNames(direction === "ascending")
   }))));
 };
-var Item3 = ({ image, imageAlt, imageSize = 35, title, caption }) => /* @__PURE__ */ React26.createElement("div", {
+var Item3 = ({ image, imageAlt, imageSize = 35, title, caption }) => /* @__PURE__ */ React27.createElement("div", {
   className: tw("flex gap-4 items-center")
-}, image && /* @__PURE__ */ React26.createElement("img", {
+}, image && /* @__PURE__ */ React27.createElement("img", {
   src: image,
   alt: imageAlt,
   style: { width: imageSize, height: imageSize }
-}), /* @__PURE__ */ React26.createElement("div", null, title, caption && /* @__PURE__ */ React26.createElement(Typography2.Caption, null, caption)));
-Table.Head = React26.memo(TableHead);
-Table.Body = React26.memo(TableBody);
-Table.Row = React26.memo(TableRow);
-Table.Cell = React26.memo(TableCell);
-Table.SortCell = React26.memo(TableSortCell);
-Table.SelectCell = React26.memo(TableSelectCell);
+}), /* @__PURE__ */ React27.createElement("div", null, title, caption && /* @__PURE__ */ React27.createElement(Typography2.Caption, null, caption)));
+Table.Head = React27.memo(TableHead);
+Table.Body = React27.memo(TableBody);
+Table.Row = React27.memo(TableRow);
+Table.Cell = React27.memo(TableCell);
+Table.SortCell = React27.memo(TableSortCell);
+Table.SelectCell = React27.memo(TableSelectCell);
 export {
   Alert,
   Card,
@@ -3972,6 +3977,7 @@ export {
   DropdownMenu,
   InputGroup,
   Item3 as Item,
+  Link,
   Modal,
   Popover,
   PopoverDialog,