@dmsi/wedgekit-react 0.0.1277 → 1.0.1

package/dist/components/PDFViewer/index.cjs

@@ -1,1941 +0,0 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/PDFViewer/index.tsx
-var PDFViewer_exports = {};
-__export(PDFViewer_exports, {
-  PDFViewer: () => PDFViewer
-});
-module.exports = __toCommonJS(PDFViewer_exports);
-var import_react11 = require("react");
-
-// src/components/Modal.tsx
-var import_clsx9 = __toESM(require("clsx"), 1);
-var import_react7 = require("react");
-
-// src/components/Heading.tsx
-var import_clsx2 = __toESM(require("clsx"), 1);
-
-// src/classNames.ts
-var import_clsx = __toESM(require("clsx"), 1);
-var typography = {
-  display1: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-display-1-mobile desktop:text-display-1-desktop compact:text-display-1-desktop-compact",
-    "leading-display-1-mobile desktop:leading-display-1-desktop"
-  ),
-  display2: (0, import_clsx.default)(
-    "font-sans font-bold",
-    "text-display-2-mobile desktop:text-display-2-desktop compact:text-display-2-desktop-compact",
-    "leading-display-2-mobile desktop:leading-display-2-desktop"
-  ),
-  heading1: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-heading-1-mobile desktop:text-heading-1-desktop compact:text-heading-1-desktop-compact",
-    "leading-heading-1-mobile desktop:leading-heading-1-desktop"
-  ),
-  heading2: (0, import_clsx.default)(
-    "font-sans font-normal",
-    "text-heading-2-mobile desktop:text-heading-2-desktop compact:text-heading-2-desktop-compact",
-    "leading-heading-2-mobile desktop:leading-heading-2-desktop"
-  ),
-  heading3: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-heading-3-mobile desktop:text-heading-3-desktop compact:text-heading-3-desktop-compact",
-    "leading-heading-3-mobile desktop:leading-heading-3-desktop"
-  ),
-  subheader: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-subheader-mobile desktop:text-subheader-desktop compact:text-subheader-desktop-compact",
-    "leading-subheader-mobile desktop:leading-subheader-desktop"
-  ),
-  link: (0, import_clsx.default)(
-    "font-sans font-normal",
-    "text-link-mobile desktop:text-link-desktop compact:text-link-desktop-compact",
-    "leading-link-mobile desktop:leading-link-desktop"
-  ),
-  buttonLabel: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
-    "leading-label-mobile desktop:leading-label-desktop"
-  ),
-  label: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
-    "leading-label-mobile desktop:leading-label-desktop"
-  ),
-  paragraph: (0, import_clsx.default)(
-    "font-sans font-normal",
-    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
-    "leading-paragraph-mobile desktop:leading-paragraph-desktop"
-  ),
-  caption: (0, import_clsx.default)(
-    "font-sans font-normal",
-    "text-caption-mobile desktop:text-caption-desktop compact:text-caption-desktop-compact",
-    "leading-caption-mobile desktop:leading-caption-desktop"
-  ),
-  breadcrumb: (0, import_clsx.default)(
-    "font-sans font-normal",
-    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
-    "leading-mobile-breadcrumb desktop:leading-desktop-breadcrumb"
-  )
-};
-var baseTransition = (0, import_clsx.default)(
-  "transition-colors duration-100 ease-in-out"
-);
-var componentGap = (0, import_clsx.default)(
-  "gap-mobile-component-gap desktop:gap-desktop-component-gap compact:gap-desktop-compact-component-gap"
-);
-var paddingUsingComponentGap = (0, import_clsx.default)(
-  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
-);
-var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
-  "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
-);
-var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
-  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
-);
-var componentPadding = (0, import_clsx.default)(
-  "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding"
-);
-var componentPaddingBottom = (0, import_clsx.default)(
-  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
-);
-var componentPaddingX = (0, import_clsx.default)(
-  "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
-);
-var componentPaddingY = (0, import_clsx.default)(
-  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
-);
-var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
-  "px-mobile-component-gap desktop:px-desktop-component-gap compact:px-desktop-compact-component-gap"
-);
-var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
-  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
-);
-var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
-  "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
-);
-var componentPaddingMinusBorder = (0, import_clsx.default)(
-  "p-[calc(var(--spacing-mobile-component-padding)_-_1px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_1px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_1px)]"
-);
-var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
-  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
-);
-var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
-  "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
-);
-var layoutPaddding = (0, import_clsx.default)(
-  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
-);
-var layoutPaddingBottom = (0, import_clsx.default)(
-  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
-);
-var layoutPaddingY = (0, import_clsx.default)(
-  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
-);
-var layoutPaddingX = (0, import_clsx.default)(
-  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
-);
-var containerPaddingX = (0, import_clsx.default)(
-  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
-);
-var containerPaddingY = (0, import_clsx.default)(
-  "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding"
-);
-var layoutGroupGapPaddingY = (0, import_clsx.default)(
-  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
-);
-var layoutGroupGap = (0, import_clsx.default)(
-  "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-desktop-compact-layout-group-gap"
-);
-var layoutGap = (0, import_clsx.default)(
-  "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-desktop-compact-layout-gap"
-);
-var gapUsingContainerPadding = (0, import_clsx.default)(
-  "gap-mobile-container-padding desktop:gap-desktop-container-padding compact:gap-desktop-compact-container-padding"
-);
-
-// src/components/Heading.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Heading = (_a) => {
-  var _b = _a, {
-    className,
-    children,
-    as,
-    color,
-    align,
-    variant = "heading1",
-    id,
-    testid
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children",
-    "as",
-    "color",
-    "align",
-    "variant",
-    "id",
-    "testid"
-  ]);
-  const defaultElement = variant === "heading1" ? "h1" : variant === "heading2" ? "h2" : "h3";
-  const Element = as != null ? as : defaultElement;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Element,
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testid,
-      className: (0, import_clsx2.default)(
-        typography[variant],
-        className,
-        align === "left" && "text-left",
-        align === "center" && "text-center",
-        align === "right" && "text-right"
-      ),
-      style: __spreadProps(__spreadValues({}, props.style), {
-        color: color ? `var(--color-${color})` : void 0
-      })
-    }, props), {
-      children
-    })
-  );
-};
-Heading.displayName = "Heading";
-var Heading1 = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading1" }));
-var Heading2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading2" }));
-var Heading3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading3" }));
-Heading1.displayName = "Heading1";
-Heading2.displayName = "Heading2";
-Heading3.displayName = "Heading3";
-
-// src/components/Button.tsx
-var import_clsx3 = __toESM(require("clsx"), 1);
-
-// src/components/Spinner.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Spinner = ({ size = "small", testid }) => {
-  const dimension = size === "large" ? 48 : 24;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "svg",
-    {
-      "data-testid": testid,
-      width: dimension,
-      height: dimension,
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "#1D1E1E",
-      className: "spinner",
-      "aria-label": "Loading",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875" })
-      ]
-    }
-  );
-};
-Spinner.displayName = "Spinner";
-
-// src/components/Button.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Button = (_a) => {
-  var _b = _a, {
-    variant = "primary",
-    as = "button",
-    block,
-    leftIcon,
-    rightIcon,
-    className,
-    classNameLabel,
-    disabled = false,
-    children,
-    iconOnly = false,
-    colorClassName,
-    href,
-    id,
-    testid,
-    isLoading,
-    fontNormal = false
-  } = _b, props = __objRest(_b, [
-    "variant",
-    "as",
-    "block",
-    "leftIcon",
-    "rightIcon",
-    "className",
-    "classNameLabel",
-    "disabled",
-    "children",
-    "iconOnly",
-    "colorClassName",
-    "href",
-    "id",
-    "testid",
-    "isLoading",
-    "fontNormal"
-  ]);
-  const primaryVariantStyles = variant === "primary" && (0, import_clsx3.default)(
-    (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
-    "bg-background-action-primary-normal border-background-action-primary-normal",
-    "hover:bg-background-action-primary-hover hover:border-background-action-primary-hover",
-    "focus:bg-background-action-primary-hover focus:border-background-action-primary-hover focus:outline-0",
-    "active:bg-background-action-primary-active active:border-background-action-primary-active",
-    "disabled:bg-background-action-primary-disabled disabled:border-background-action-primary-disabled disabled:text-text-on-action-primary-disabled"
-  );
-  const secondaryVariantStyles = variant === "secondary" && (0, import_clsx3.default)(
-    (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
-    "bg-background-action-secondary-normal border-border-action-normal",
-    "hover:bg-background-action-secondary-hover hover:border-border-action-hover hover:text-text-action-primary-hover",
-    "focus:bg-background-action-secondary-hover focus:border-border-action-hover focus:text-text-action-primary-hover focus:outline-0",
-    "active:bg-background-action-secondary-active active:border-border-action-active active:text-text-action-primary-active",
-    "disabled:bg-background-action-primary-disabled disabled:border-border-action-disabled disabled:text-text-action-primary-disabled"
-  );
-  const tertiaryVariantStyles = variant === "tertiary" && (0, import_clsx3.default)(
-    "bg-transparent border-transparent",
-    iconOnly ? (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-icon-action-primary-normal" : (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
-    "bg-transparent border-transparent",
-    "hover:bg-background-action-secondary-hover hover:border-background-action-secondary-hover hover:text-text-action-primary-hover",
-    "focus:bg-background-action-secondary-hover focus:border-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
-    "active:bg-background-action-secondary-active active:border-transparent active:text-text-action-primary-active",
-    "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
-  );
-  const quarternaryOutlinedVariantStyles = variant === "quarternary-outlined" && (0, import_clsx3.default)(
-    "bg-transparent border-transparent",
-    iconOnly ? (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-icon-action-primary-normal" : (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-primary-normal",
-    "bg-transparent border-transparent",
-    "hover:bg-transparent hover:border-border-primary-normal hover:text-text-primary-normal",
-    "focus:bg-transparent focus:border-border-primary-normal focus:text-text-primary-normal focus:outline-0",
-    "active:bg-transparent active:border-transparent active:text-text-primary-active",
-    "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
-  );
-  const primaryCriticalVariantStyles = variant === "primary-critical" && (0, import_clsx3.default)(
-    (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
-    "bg-background-action-critical-primary-normal border-background-action-critical-primary-normal",
-    "hover:bg-background-action-critical-primary-hover hover:border-background-action-critical-primary-hover",
-    "focus:bg-background-action-critical-primary-hover focus:border-background-action-critical-primary-hover focus:outline-0",
-    "active:bg-background-action-critical-primary-active active:border-background-action-critical-primary-active",
-    "disabled:bg-background-action-critical-primary-disabled disabled:border-background-action-critical-primary-disabled disabled:text-text-on-action-primary-disabled"
-  );
-  const secondaryCriticalVariantStyles = variant === "secondary-critical" && (0, import_clsx3.default)(
-    (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-critical-normal",
-    "bg-background-action-critical-secondary-normal border-border-action-critical-normal",
-    "hover:bg-background-action-critical-secondary-hover hover:border-border-action-critical-hover hover:text-text-action-critical-hover",
-    "focus:bg-background-action-critical-secondary-hover focus:border-border-action-critical-hover focus:text-text-action-critical-hover focus:outline-0",
-    "active:bg-background-action-critical-secondary-active active:border-border-action-critical-active active:text-text-action-critical-active",
-    "disabled:bg-background-action-critical-disabled disabled:border-border-action-critical-disabled disabled:text-text-action-critical-disabled"
-  );
-  const tertiaryCriticalVariantStyles = variant === "tertiary-critical" && (0, import_clsx3.default)(
-    (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-critical-normal",
-    "bg-transparent border-transparent text-text-action-critical-normal",
-    "hover:bg-background-action-critical-secondary-hover hover:border-background-action-critical-secondary-hover hover:text-text-action-critical-hover",
-    "focus:bg-background-action-critical-secondary-hover focus:border-background-action-critical-secondary-hover focus:text-text-action-critical-hover focus:outline-0",
-    "active:bg-background-action-critical-secondary-active active:border-background-action-critical-secondary-active active:text-text-action-critical-active",
-    "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
-  );
-  const navigationVarianStyles = variant === "navigation" && (0, import_clsx3.default)(
-    (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
-    "bg-transparent",
-    "hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
-    "focus:bg-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
-    "active:bg-background-action-secondary-active active:text-text-action-primary-active",
-    "disabled:bg-transparent disabled:text-text-action-primary-normal",
-    "flex-col",
-    paddingUsingComponentGap
-  );
-  const notNavigationVariantStyles = variant !== "navigation" && (0, import_clsx3.default)("border-2 flex-row", componentPaddingMinus2pxBorder, componentGap);
-  const buttonClasses = (0, import_clsx3.default)(
-    disabled ? "cursor-default" : "cursor-pointer",
-    block ? "w-full" : "w-fit",
-    baseTransition,
-    "rounded-sm whitespace-nowrap inline-flex items-center justify-center group/btn",
-    primaryVariantStyles,
-    secondaryVariantStyles,
-    tertiaryVariantStyles,
-    quarternaryOutlinedVariantStyles,
-    primaryCriticalVariantStyles,
-    secondaryCriticalVariantStyles,
-    tertiaryCriticalVariantStyles,
-    navigationVarianStyles,
-    notNavigationVariantStyles,
-    className
-  );
-  const labelClasses = (0, import_clsx3.default)(
-    "min-h-6 flex items-center justify-center",
-    classNameLabel,
-    fontNormal && "font-normal!",
-    componentPaddingXUsingComponentGap,
-    typography.buttonLabel
-  );
-  const Element = href && !as ? "a" : as;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    Element,
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testid,
-      type: Element === "button" ? "button" : void 0,
-      className: buttonClasses
-    }, props), {
-      onClick: props.onClick,
-      disabled,
-      href,
-      "data-theme": variant === "navigation" ? "brand" : void 0,
-      children: [
-        leftIcon && leftIcon,
-        isLoading && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Spinner, { size: "small" }),
-        !iconOnly && !isLoading && children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "span",
-          {
-            id: id ? `${id}-label` : void 0,
-            "data-testid": testid ? `${testid}-label` : void 0,
-            className: labelClasses,
-            children
-          }
-        ),
-        rightIcon && rightIcon
-      ]
-    })
-  );
-};
-Button.displayName = "Button";
-
-// src/components/Icon.tsx
-var import_clsx4 = __toESM(require("clsx"), 1);
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function Icon(_a) {
-  var _b = _a, {
-    name,
-    size = 24,
-    variant = "outline",
-    testid
-  } = _b, props = __objRest(_b, [
-    "name",
-    "size",
-    "variant",
-    "testid"
-  ]);
-  const variantStyle = variant === "filled" ? '"FILL" 1' : '"FILL" 0';
-  const weightStyle = size === 16 ? '"wght" 400' : '"wght" 300';
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "span",
-    __spreadProps(__spreadValues({}, props), {
-      "data-testid": testid,
-      className: (0, import_clsx4.default)(
-        "icon",
-        `icon-${size}`,
-        // size === 16 ? "font-normal" : "font-light", // size 16 font weight is not working as normal from before
-        props.className
-      ),
-      style: __spreadValues({
-        fontVariationSettings: variantStyle + `, ${weightStyle}`
-      }, props.style),
-      children: name
-    })
-  );
-}
-
-// src/components/ModalHeader.tsx
-var import_clsx5 = __toESM(require("clsx"), 1);
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ModalHeader = ({
-  title,
-  hideCloseIcon,
-  headerIcon,
-  headerIconAlign,
-  onClose,
-  id,
-  testid,
-  headerClassname,
-  titleAs: TitleComponent,
-  headerIconClassname
-}) => {
-  const Title = TitleComponent || Heading2;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    "div",
-    {
-      id,
-      "data-testid": testid,
-      className: (0, import_clsx5.default)(
-        "flex items-center",
-        headerIconAlign === void 0 && "justify-between",
-        headerIconAlign === "center" && "justify-center",
-        headerIconAlign === "right" && "justify-end",
-        headerIconAlign === "left" && "justify-start",
-        layoutPaddding,
-        layoutGroupGap,
-        headerClassname
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: (0, import_clsx5.default)("flex items-center flex-1", layoutGroupGap), children: [
-          headerIcon,
-          title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            Title,
-            {
-              id: id ? `${id}-title` : void 0,
-              testid: testid ? `${testid}-title` : void 0,
-              as: "p",
-              children: title
-            }
-          )
-        ] }),
-        !hideCloseIcon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          Button,
-          {
-            id: id ? `${id}-close-button` : void 0,
-            testid: testid ? `${testid}-close-button` : void 0,
-            iconOnly: true,
-            variant: "tertiary",
-            onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              "span",
-              {
-                className: (0, import_clsx5.default)(
-                  "contents",
-                  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
-                ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 })
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
-ModalHeader.displayName = "ModalHeader";
-
-// src/components/ModalContent.tsx
-var import_clsx6 = __toESM(require("clsx"), 1);
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function ModalContent({
-  fixedHeightScrolling,
-  children,
-  id,
-  testid
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    "div",
-    {
-      id,
-      "data-testid": testid,
-      className: (0, import_clsx6.default)(
-        "flex-grow desktop:flex-grow-0",
-        layoutPaddding,
-        fixedHeightScrolling && "overflow-auto"
-      ),
-      children
-    }
-  );
-}
-ModalContent.displayName = "ModalContent";
-
-// src/components/ModalButtons.tsx
-var import_clsx7 = __toESM(require("clsx"), 1);
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var ModalButtons = ({
-  onClose,
-  onContinue,
-  customActions,
-  id,
-  testid,
-  mobileButtonStack = false
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    "div",
-    {
-      id,
-      "data-testid": testid,
-      className: (0, import_clsx7.default)(
-        "border-t border-neutral-300 flex justify-end",
-        mobileButtonStack && "flex-col ",
-        layoutPaddding,
-        layoutGroupGap
-      ),
-      children: customActions != null ? customActions : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          Button,
-          {
-            id: id ? `${id}-close-button` : void 0,
-            testid: testid ? `${testid}-close-button` : void 0,
-            variant: "secondary",
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "close", size: 24 }),
-            onClick: onClose,
-            className: "max-sm:w-full",
-            children: "Close"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          Button,
-          {
-            id: id ? `${id}-continue-button` : void 0,
-            testid: testid ? `${testid}-continue-button` : void 0,
-            variant: "primary",
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "check", size: 24 }),
-            className: "max-sm:w-full",
-            onClick: onContinue,
-            children: "Continue"
-          }
-        )
-      ] })
-    }
-  );
-};
-ModalButtons.displayName = "ModalButtons";
-
-// src/components/ModalScrim.tsx
-var import_clsx8 = __toESM(require("clsx"), 1);
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var ModalScrim = ({
-  show = false,
-  size = "small",
-  children,
-  onClick,
-  ref,
-  id,
-  testid
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    "div",
-    {
-      id,
-      "data-testid": testid,
-      className: (0, import_clsx8.default)(
-        "overflow-y-auto h-dvh transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
-        !show && " pointer-events-none",
-        size === "small" && "p-4",
-        size === "screen" ? "desktop:p-0" : "desktop:p-4",
-        "inset-0 z-50"
-      ),
-      onMouseDown: onClick,
-      ref,
-      children
-    }
-  );
-};
-ModalScrim.displayName = "ModalScrim";
-
-// src/components/Modal.tsx
-var import_react_dom = require("react-dom");
-
-// src/utils/index.ts
-var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
-
-// src/utils.ts
-function findDocumentRoot(element) {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    throw new Error(
-      "findDocumentRoot can only be used in a browser environment."
-    );
-  }
-  if (!element || !(element instanceof Node)) {
-    return window.document.body;
-  }
-  let currentElement = element;
-  while (currentElement && currentElement.parentNode) {
-    if (currentElement.parentNode === document) {
-      return document.body;
-    } else if (currentElement.parentNode instanceof DocumentFragment) {
-      return currentElement.parentNode;
-    } else {
-      currentElement = currentElement.parentNode;
-    }
-  }
-  return window.document.body;
-}
-
-// src/components/Modal.tsx
-var import_react_use = require("react-use");
-
-// src/hooks/useKeydown.ts
-var import_react = require("react");
-
-// src/hooks/useInfiniteScroll.tsx
-var import_react2 = require("react");
-
-// src/hooks/useMatchesMedia.ts
-var import_react3 = require("react");
-var useMatchesMedia = (query) => {
-  const [matches, setMatches] = (0, import_react3.useState)();
-  (0, import_react3.useLayoutEffect)(() => {
-    const mediaQueryList = window.matchMedia(query);
-    const listener = () => setMatches(mediaQueryList.matches);
-    listener();
-    mediaQueryList.addEventListener("change", listener);
-    return () => mediaQueryList.removeEventListener("change", listener);
-  }, [query]);
-  return matches;
-};
-var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
-
-// src/hooks/useTableLayout/useTableLayout.ts
-var import_react4 = require("react");
-
-// src/hooks/useTableLayout/storage.ts
-var STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tablePrefs`;
-var LEGACY_STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tableLayout`;
-
-// src/hooks/useEditCell.tsx
-var import_react5 = require("react");
-
-// src/components/useMounted.tsx
-var import_react6 = require("react");
-var useMounted = () => {
-  const [isMounted, setIsMounted] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
-    setIsMounted(true);
-    return () => setIsMounted(false);
-  }, []);
-  return isMounted;
-};
-
-// src/components/Modal.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var fadeInScale = (element, duration = 300) => element.animate(
-  [
-    { opacity: 0, transform: "scale(0.95)" },
-    { opacity: 1, transform: "scale(1)" }
-  ],
-  {
-    duration,
-    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-    fill: "both"
-  }
-);
-var fadeOutScale = (element, duration = 200) => element.animate(
-  [
-    { opacity: 1, transform: "scale(1)" },
-    { opacity: 0, transform: "scale(0.95)" }
-  ],
-  {
-    duration,
-    easing: "ease-in-out",
-    fill: "both"
-  }
-);
-var bgFadeIn = (element, duration = 300) => element.animate([{ opacity: 0 }, { opacity: 1 }], {
-  duration,
-  easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-  fill: "both"
-});
-var bgFadeOut = (element, duration = 200) => element.animate([{ opacity: 1 }, { opacity: 0 }], {
-  duration,
-  easing: "ease-in-out",
-  fill: "both"
-});
-var whenAllAnimationsFinish = (animations, callback) => {
-  let finishedCount = 0;
-  animations.forEach((animation) => {
-    animation.onfinish = () => {
-      finishedCount += 1;
-      if (finishedCount === animations.length) {
-        callback();
-      }
-    };
-  });
-};
-var sizes = {
-  small: {
-    sizeClass: "h-fit max-h-dvh desktop:max-w-120 rounded-sm"
-  },
-  medium: {
-    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
-  },
-  large: {
-    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
-  },
-  "x-large": {
-    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
-  },
-  screen: {
-    sizeClass: "w-screen h-dvh max-w-screen !rounded-none"
-  }
-};
-var Modal = ({
-  id,
-  testid,
-  title,
-  open = false,
-  size = "small",
-  className,
-  children,
-  onClose,
-  onContinue,
-  closeOnBackdropClick = true,
-  showButtons = false,
-  hideCloseIcon = false,
-  headerIcon,
-  headerIconAlign,
-  headerIconClassname,
-  fixedHeightScrolling = false,
-  customActions,
-  headerClassname,
-  customFooter,
-  noWrapper,
-  titleAs: TitleComponent,
-  mobileButtonStack = false
-}) => {
-  var _a;
-  const mounted = useMounted();
-  const modalRef = (0, import_react7.useRef)(null);
-  const bgRef = (0, import_react7.useRef)(null);
-  const wasOpen = (0, import_react_use.usePrevious)(open);
-  const isMobile = useMatchesMobile();
-  const computedFixedHeightScrolling = isMobile || fixedHeightScrolling;
-  (0, import_react7.useEffect)(() => {
-    if (!mounted) return;
-    if (!modalRef.current || !bgRef.current) {
-      console.error("Modal or background reference is not set.");
-      return;
-    }
-    if (wasOpen === void 0) return;
-    if (wasOpen && !open) {
-      const modalAnimation = fadeOutScale(modalRef.current);
-      const bgAnimation = bgFadeOut(bgRef.current);
-      whenAllAnimationsFinish([modalAnimation, bgAnimation], () => {
-        if (onClose) {
-          onClose();
-        }
-      });
-    } else if (!wasOpen && open) {
-      fadeInScale(modalRef.current);
-      bgFadeIn(bgRef.current);
-    }
-  }, [mounted, onClose, open, wasOpen]);
-  const handleKeyDown = (0, import_react7.useCallback)(
-    (e) => {
-      if (e.key === "Escape") {
-        if (onClose) {
-          e.preventDefault();
-          onClose();
-        }
-      }
-    },
-    [onClose]
-  );
-  const handleClose = (0, import_react7.useCallback)(() => {
-    if (onClose) {
-      onClose();
-    }
-  }, [onClose]);
-  (0, import_react7.useEffect)(() => {
-    if (open) {
-      document.addEventListener("keyup", handleKeyDown);
-    }
-    return () => {
-      document.removeEventListener("keyup", handleKeyDown);
-    };
-  }, [open, handleKeyDown]);
-  (0, import_react7.useEffect)(() => {
-    if (!open) return;
-    const scrollY = window.scrollY;
-    const body = document.body;
-    body.style.position = "fixed";
-    body.style.top = `-${scrollY}px`;
-    body.style.left = "0";
-    body.style.right = "0";
-    body.style.overflow = "hidden";
-    body.style.width = "100%";
-    return () => {
-      body.style.position = "";
-      body.style.top = "";
-      body.style.left = "";
-      body.style.right = "";
-      body.style.overflow = "";
-      body.style.width = "";
-      window.scrollTo(0, scrollY);
-    };
-  }, [open]);
-  const { sizeClass } = (_a = sizes[size]) != null ? _a : sizes.small;
-  const backgroundClickHandler = (0, import_react7.useCallback)(
-    (e) => {
-      const target = e.target;
-      const currentTarget = e.currentTarget;
-      if (currentTarget.contains(target) && currentTarget !== target) {
-        e.stopPropagation();
-        return;
-      }
-      if (open && closeOnBackdropClick) {
-        handleClose();
-      }
-    },
-    [open, closeOnBackdropClick, handleClose]
-  );
-  if (!mounted) {
-    return null;
-  }
-  return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      ModalScrim,
-      {
-        id: id ? `${id}-scrim` : void 0,
-        testid: testid ? `${testid}-scrim` : void 0,
-        size,
-        ref: bgRef,
-        show: open,
-        onClick: backgroundClickHandler,
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-          "div",
-          {
-            id,
-            "data-testid": testid,
-            ref: modalRef,
-            className: (0, import_clsx9.default)(
-              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0",
-              computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
-              className,
-              !(className == null ? void 0 : className.includes("bg-")) && "bg-white",
-              sizeClass
-            ),
-            onClick: (e) => e.stopPropagation(),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                ModalHeader,
-                {
-                  id: id ? `${id}-header` : void 0,
-                  testid: testid ? `${testid}-header` : void 0,
-                  title,
-                  onClose: handleClose,
-                  hideCloseIcon,
-                  headerIcon,
-                  headerIconAlign,
-                  headerClassname,
-                  headerIconClassname,
-                  titleAs: TitleComponent
-                }
-              ),
-              children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                ModalContent,
-                {
-                  id: id ? `${id}-content` : void 0,
-                  testid: testid ? `${testid}-content` : void 0,
-                  fixedHeightScrolling: computedFixedHeightScrolling,
-                  children
-                }
-              ) : children,
-              showButtons ? customFooter ? customActions : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                ModalButtons,
-                {
-                  id: id ? `${id}-buttons` : void 0,
-                  testid: testid ? `${testid}-buttons` : void 0,
-                  onClose: handleClose,
-                  onContinue,
-                  customActions,
-                  mobileButtonStack
-                }
-              ) : null
-            ]
-          }
-        )
-      }
-    ),
-    findDocumentRoot(bgRef.current)
-  );
-};
-Modal.displayName = "Modal";
-
-// src/components/PDFViewer/PDFElement.tsx
-var import_react_pdf2 = require("@mikecousins/react-pdf");
-var import_react9 = require("react");
-
-// src/components/Stack.tsx
-var import_clsx10 = __toESM(require("clsx"), 1);
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var getFlexClassNames = ({ items, justify, grow }) => (0, import_clsx10.default)(
-  "flex",
-  items === "start" && "items-start",
-  grow && "grow",
-  items === "start" && "items-start",
-  items === "center" && "items-center",
-  items === "end" && "items-end",
-  items === "start-center" && "items-start desktop:items-center",
-  justify === "start" && "justify-start",
-  justify === "center" && "justify-center",
-  justify === "end" && "justify-end",
-  justify === "end" && "justify-end",
-  justify === "between" && "justify-between",
-  justify === "around" && "justify-around"
-);
-var useGapClassNames = (sizing) => {
-  return (0, import_clsx10.default)(
-    sizing === "layout-group" && "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-compact-layout-group-gap",
-    sizing === "layout" && "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-compact-layout-gap",
-    sizing === "container" && "gap-mobile-container-gap desktop:gap-desktop-container-gap compact:gap-compact-container-gap",
-    sizing === "component" && "gap-mobile-component-gap desktop:gap-desktop-component-gap compact:gap-compact-component-gap"
-  );
-};
-var Stack = (_a) => {
-  var _b = _a, {
-    children,
-    items,
-    justify,
-    grow,
-    padding,
-    paddingX,
-    paddingY,
-    paddingBottom,
-    paddingTop,
-    paddingLeft,
-    paddingRight,
-    margin,
-    marginX,
-    marginY,
-    horizontal,
-    horizontalMobile,
-    elevation = 0,
-    rounded,
-    centered,
-    width,
-    minHeight,
-    maxWidth,
-    minWidth,
-    height,
-    maxHeight,
-    borderColor,
-    borderTopColor,
-    borderRightColor,
-    borderBottomColor,
-    borderLeftColor,
-    backgroundColor,
-    sizing = "none",
-    overflowY = "inherit",
-    overflowX = "inherit",
-    flexShrink,
-    flexGrow,
-    position,
-    top,
-    left,
-    id,
-    noGap,
-    marginTop,
-    marginBottom,
-    testid,
-    bottom,
-    zIndex,
-    flexWrap,
-    className,
-    unclipEdges
-  } = _b, props = __objRest(_b, [
-    "children",
-    "items",
-    "justify",
-    "grow",
-    "padding",
-    "paddingX",
-    "paddingY",
-    "paddingBottom",
-    "paddingTop",
-    "paddingLeft",
-    "paddingRight",
-    "margin",
-    "marginX",
-    "marginY",
-    "horizontal",
-    "horizontalMobile",
-    "elevation",
-    "rounded",
-    "centered",
-    "width",
-    "minHeight",
-    "maxWidth",
-    "minWidth",
-    "height",
-    "maxHeight",
-    "borderColor",
-    "borderTopColor",
-    "borderRightColor",
-    "borderBottomColor",
-    "borderLeftColor",
-    "backgroundColor",
-    "sizing",
-    "overflowY",
-    "overflowX",
-    "flexShrink",
-    "flexGrow",
-    "position",
-    "top",
-    "left",
-    "id",
-    "noGap",
-    "marginTop",
-    "marginBottom",
-    "testid",
-    "bottom",
-    "zIndex",
-    "flexWrap",
-    "className",
-    "unclipEdges"
-  ]);
-  var _a2, _b2, _c, _d, _e, _f, _g;
-  const flexClassNames = getFlexClassNames({ items, justify, grow });
-  const gapClassNames = useGapClassNames(sizing);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    "div",
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testid
-    }, props), {
-      style: __spreadValues({
-        height: height === "screen" ? "100vh" : height === "full" ? "100%" : height === void 0 ? void 0 : height === "fit" ? "fit-content" : typeof height === "string" && isNaN(+height) ? height : `${height}px`,
-        maxHeight: maxHeight !== void 0 ? isNaN(+maxHeight) ? maxHeight : `${maxHeight}px` : (_a2 = props.style) == null ? void 0 : _a2.maxHeight,
-        maxWidth: maxWidth !== void 0 ? isNaN(+maxWidth) ? maxWidth : `${maxWidth}px` : (_b2 = props.style) == null ? void 0 : _b2.maxWidth,
-        minHeight: minHeight !== void 0 ? isNaN(+minHeight) ? minHeight : `${minHeight}px` : (_c = props.style) == null ? void 0 : _c.minHeight,
-        width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
-        minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
-        border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
-        borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
-        borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
-        borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
-        borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
-        backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
-        flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
-        flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
-        position: position !== void 0 ? position : void 0,
-        top: top !== void 0 ? `${top}px` : void 0,
-        bottom: bottom !== void 0 ? `${bottom}px` : void 0,
-        left: left !== void 0 ? `${left}px` : void 0,
-        borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
-        marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
-        zIndex: zIndex !== void 0 ? zIndex : void 0,
-        flexWrap,
-        paddingInline: (_f = props.style) == null ? void 0 : _f.paddingInline,
-        gap: (_g = props.style) == null ? void 0 : _g.gap
-      }, props.style),
-      className: (0, import_clsx10.default)(
-        "scrollbar-thin",
-        "max-w-screen",
-        width !== "fit" && "w-full",
-        width === "full" && "w-full",
-        width === "max" && "w-max",
-        centered && "mx-auto",
-        overflowY == "auto" && "overflow-y-auto",
-        overflowY == "hidden" && "overflow-y-hidden",
-        overflowY == "scroll" && "overflow-y-scroll",
-        overflowX == "auto" && "overflow-x-auto",
-        overflowX == "hidden" && "overflow-x-hidden",
-        overflowX == "scroll" && "overflow-x-scroll",
-        padding && sizing === "container" && "p-mobile-container-padding desktop:p-desktop-container-padding compact:p-desktop-compact-container-padding",
-        padding && sizing === "layout" && "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding",
-        padding && sizing === "layout-group" && "p-mobile-layout-group-padding desktop:p-desktop-layout-group-padding compact:p-desktop-compact-layout-group-padding",
-        padding && sizing === "component" && "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding",
-        paddingX && sizing === "container" && "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding",
-        paddingX && sizing === "layout" && "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding",
-        paddingX && sizing === "layout-group" && "px-mobile-layout-group-padding desktop:px-desktop-layout-group-padding compact:px-desktop-compact-layout-group-padding",
-        paddingX && sizing === "component" && "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding",
-        paddingY && sizing === "container" && "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding",
-        paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
-        paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
-        paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
-        paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
-        paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
-        paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
-        paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
-        paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
-        paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
-        paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
-        paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
-        paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
-        paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
-        paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
-        paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
-        paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
-        paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
-        paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
-        paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
-        margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
-        marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
-        marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
-        marginBottom && sizing === "container" && "mb-mobile-container-padding desktop:mb-desktop-container-padding compact:mb-compact-container-padding",
-        marginY && sizing === "container" && "my-mobile-container-padding desktop:my-desktop-container-padding compact:my-compact-container-padding",
-        horizontal ? "desktop:flex-row" : "desktop:flex-col",
-        horizontalMobile ? "flex-row" : "flex-col",
-        flexClassNames,
-        !noGap && gapClassNames,
-        elevation === 0 && "shadow-none",
-        elevation === 2 && "shadow-2",
-        elevation === 4 && "shadow-4",
-        elevation === 16 && "shadow-16",
-        rounded && "rounded",
-        unclipEdges && "-m-0.75 p-1",
-        className
-      ),
-      children
-    })
-  );
-};
-
-// src/components/PDFViewer/PDFPage.tsx
-var import_react_pdf = require("@mikecousins/react-pdf");
-var import_react8 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function PdfPage({
-  file,
-  pageNumber,
-  testid,
-  isMobile
-}) {
-  const canvasRef = (0, import_react8.useRef)(null);
-  const { pdfDocument } = (0, import_react_pdf.usePdf)({
-    file,
-    page: pageNumber,
-    canvasRef,
-    workerSrc: "/scripts/pdf.worker.min.mjs",
-    scale: isMobile ? 1 : 1.3
-  });
-  if (!pdfDocument) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    "canvas",
-    {
-      ref: canvasRef,
-      "data-testid": testid,
-      style: { width: "100%", height: "auto" }
-    }
-  );
-}
-
-// src/components/PDFViewer/PDFElement.tsx
-var import_clsx11 = __toESM(require("clsx"), 1);
-var import_jsx_runtime12 = require("react/jsx-runtime");
-function PDFElement({
-  b64,
-  testid,
-  isMobile,
-  error
-}) {
-  var _a;
-  const canvasRef = (0, import_react9.useRef)(null);
-  const { pdfDocument } = (0, import_react_pdf2.usePdf)({
-    file: `data:application/pdf;base64,${b64}`,
-    workerSrc: "/scripts/pdf.worker.min.mjs",
-    scale: isMobile ? 1 : 1.3,
-    canvasRef
-  });
-  const pagesArr = new Array((_a = pdfDocument == null ? void 0 : pdfDocument.numPages) != null ? _a : 1).fill(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    "div",
-    {
-      className: "flex flex-col space-y-4",
-      style: !isMobile ? {
-        minHeight: 871,
-        minWidth: 654
-      } : void 0,
-      children: !!pdfDocument && !!b64 && !error ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Stack, { sizing: "layout-group", children: pagesArr.length > 1 ? pagesArr.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "div",
-        {
-          className: (0, import_clsx11.default)(
-            "flex justify-center border-border-primary-normal",
-            isMobile ? "border-0" : "border"
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            PdfPage,
-            {
-              testid: testid ? `${testid}-pdf_page_${i + 1}` : void 0,
-              file: `data:application/pdf;base64,${b64}`,
-              pageNumber: i + 1
-            }
-          )
-        },
-        `${testid}-pdf-page-${i + 1}`
-      )) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "div",
-        {
-          className: (0, import_clsx11.default)(
-            "flex justify-center border-border-primary-normal",
-            isMobile ? "border-0" : "border"
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            "canvas",
-            {
-              "data-testid": testid ? `${testid}-pdf-content` : void 0,
-              ref: canvasRef,
-              style: { width: "100%", height: "auto" }
-            }
-          )
-        }
-      ) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        Stack,
-        {
-          justify: "center",
-          items: "center",
-          height: "full",
-          flexGrow: 1,
-          "data-testid": testid ? `${testid}-pdf-${error ? "error" : "loading"}` : void 0,
-          children: error ? error : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Spinner, { size: "large" })
-        }
-      )
-    }
-  );
-}
-
-// src/components/Tooltip.tsx
-var import_clsx12 = __toESM(require("clsx"), 1);
-var import_react10 = require("react");
-var import_react_dom2 = require("react-dom");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Tooltip = ({
-  id,
-  testid,
-  message,
-  position = "top",
-  children,
-  showOnTruncation = false,
-  offset = 8,
-  keepHidden = false
-}) => {
-  const ref = (0, import_react10.useRef)(null);
-  const tooltipRef = (0, import_react10.useRef)(null);
-  const [tooltipPosition, setTooltipPosition] = (0, import_react10.useState)({ top: 0, left: 0 });
-  const [isVisible, setIsVisible] = (0, import_react10.useState)(false);
-  const [removeOpacity, setRemoveOpacity] = (0, import_react10.useState)(false);
-  const updatePosition = () => {
-    if (!ref.current || !tooltipRef.current) return;
-    const rect = ref.current.getBoundingClientRect();
-    const tooltipRect = tooltipRef.current.getBoundingClientRect();
-    let top = 0;
-    let left = 0;
-    switch (position) {
-      case "top":
-        top = rect.top - tooltipRect.height - offset;
-        left = rect.left + rect.width / 2 - tooltipRect.width / 2;
-        break;
-      case "bottom":
-        top = rect.bottom + offset;
-        left = rect.left + rect.width / 2 - tooltipRect.width / 2;
-        break;
-      case "left":
-        top = rect.top + rect.height / 2 - tooltipRect.height / 2;
-        left = rect.left - tooltipRect.width - offset;
-        break;
-      case "right":
-        top = rect.top + rect.height / 2 - tooltipRect.height / 2;
-        left = rect.right + offset;
-        break;
-    }
-    setTooltipPosition({ top, left });
-    requestAnimationFrame(() => {
-      setRemoveOpacity(true);
-    });
-  };
-  const handleMouseEnter = () => {
-    if (!showOnTruncation || checkForTextTruncation()) {
-      setIsVisible(true);
-    }
-  };
-  const handleMouseLeave = () => {
-    setIsVisible(false);
-    setRemoveOpacity(false);
-  };
-  (0, import_react10.useEffect)(() => {
-    if (isVisible && tooltipRef.current) {
-      requestAnimationFrame(() => {
-        updatePosition();
-      });
-    }
-  }, [isVisible]);
-  (0, import_react10.useEffect)(() => {
-    if (isVisible) {
-      window.addEventListener("resize", updatePosition);
-      return () => window.removeEventListener("resize", updatePosition);
-    }
-  }, [isVisible]);
-  const isMobile = useMatchesMobile();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    "div",
-    {
-      id,
-      "data-testid": testid,
-      ref,
-      className: "relative inline-grid grid-cols-[auto_1fr] items-center cursor-pointer",
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      children: [
-        children,
-        !keepHidden && isVisible && !isMobile && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            "div",
-            {
-              id: id ? `${id}-message` : void 0,
-              "data-testid": testid ? `${testid}-message` : void 0,
-              ref: tooltipRef,
-              style: {
-                position: "fixed",
-                top: `${tooltipPosition.top}px`,
-                left: `${tooltipPosition.left}px`,
-                zIndex: 9999
-              },
-              className: (0, import_clsx12.default)(
-                typography.caption,
-                "bg-neutral-500 text-neutral-100 rounded whitespace-nowrap shadow-2 pointer-events-none transition-opacity duration-100 ease-in-out",
-                componentPadding,
-                !removeOpacity && "opacity-0"
-              ),
-              children: message
-            }
-          ),
-          document.body
-        )
-      ]
-    }
-  );
-  function checkForTextTruncation() {
-    if (showOnTruncation && ref.current) {
-      const element = ref.current.querySelector("p, a");
-      if (element) {
-        const isTruncated = element.scrollWidth > element.clientWidth;
-        return isTruncated;
-      }
-    }
-    return false;
-  }
-};
-Tooltip.displayName = "Tooltip";
-
-// src/components/PDFViewer/DownloadIcon.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function DownloadIcon({
-  onClick,
-  isDownloading,
-  testid,
-  colorClassName
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Tooltip, { message: "Download", position: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    Button,
-    {
-      testid,
-      iconOnly: true,
-      variant: "tertiary",
-      colorClassName,
-      leftIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: isDownloading ? "cached" : "download" }),
-      onClick
-    }
-  ) });
-}
-
-// src/components/Paragraph.tsx
-var import_clsx13 = __toESM(require("clsx"), 1);
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var Paragraph = (_a) => {
-  var _b = _a, {
-    className,
-    color,
-    padded,
-    align = "left",
-    tall,
-    addOverflow,
-    children,
-    as = "p",
-    id,
-    testid
-  } = _b, props = __objRest(_b, [
-    "className",
-    "color",
-    "padded",
-    "align",
-    "tall",
-    "addOverflow",
-    "children",
-    "as",
-    "id",
-    "testid"
-  ]);
-  const Element = as;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    Element,
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testid
-    }, props), {
-      className: (0, import_clsx13.default)(
-        typography.paragraph,
-        className,
-        padded && componentPaddingXUsingComponentGap,
-        align === "left" && "text-left",
-        align === "center" && "text-center",
-        align === "right" && "text-right",
-        tall && "!leading-6",
-        addOverflow && "whitespace-nowrap text-ellipsis overflow-hidden"
-      ),
-      style: __spreadProps(__spreadValues({}, props.style), {
-        color: color ? `var(--color-${color})` : void 0
-      }),
-      children
-    })
-  );
-};
-Paragraph.displayName = "Paragraph";
-
-// src/components/PDFViewer/PDFNavigation.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function PdfNavigation({
-  currentIndex,
-  total,
-  onPrev,
-  onNext,
-  disablePrev,
-  disableNext,
-  extraActions,
-  testid,
-  fileName
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-    Stack,
-    {
-      horizontal: true,
-      items: "center",
-      justify: "between",
-      sizing: "layout-group",
-      testid: testid ? `${testid}-pdf-navigation` : void 0,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Stack, { horizontal: true, items: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            Button,
-            {
-              iconOnly: true,
-              variant: "tertiary",
-              onClick: onPrev,
-              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: "chevron_backward" }),
-              disabled: disablePrev,
-              testid: testid ? `${testid}-pdf-file-previous-button` : void 0
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Heading3, { className: "text-text-primary-normal whitespace-nowrap", children: [
-            currentIndex + 1,
-            " / ",
-            total
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            Button,
-            {
-              iconOnly: true,
-              variant: "tertiary",
-              onClick: onNext,
-              rightIcon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: "chevron_forward" }),
-              disabled: disableNext,
-              testid: testid ? `${testid}-pdf-file-next-button` : void 0
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Paragraph, { children: (fileName == null ? void 0 : fileName.endsWith(".pdf")) ? fileName : `${fileName}.pdf` })
-        ] }),
-        extraActions && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex items-center gap-2", children: extraActions })
-      ]
-    }
-  ) });
-}
-
-// src/components/Link.tsx
-var import_clsx14 = __toESM(require("clsx"), 1);
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var Link = (_a) => {
-  var _b = _a, {
-    as = "a",
-    className,
-    variant = "primary",
-    typographyStyle = "paragraph",
-    disabled = false,
-    color,
-    paddedY,
-    align,
-    underline = false,
-    testid,
-    active,
-    block = false,
-    addOverflow,
-    notUnderline = false
-  } = _b, props = __objRest(_b, [
-    "as",
-    "className",
-    "variant",
-    "typographyStyle",
-    "disabled",
-    "color",
-    "paddedY",
-    "align",
-    "underline",
-    "testid",
-    "active",
-    "block",
-    "addOverflow",
-    "notUnderline"
-  ]);
-  const Component = as;
-  const primaryStateStyles = variant === "primary" && !disabled && (0, import_clsx14.default)(
-    active ? "text-text-link-active" : "text-text-link-normal",
-    "hover:text-text-link-hover active:text-text-link-active"
-  );
-  const secondaryStateStyles = variant === "secondary" && !disabled && (0, import_clsx14.default)(
-    active ? "text-text-link-active" : "text-text-primary-normal",
-    "hover:text-text-link-hover active:text-text-link-active"
-  );
-  const criticalStateStyles = variant === "critical" && !disabled && (0, import_clsx14.default)(
-    active ? "text-text-action-critical-active" : "text-text-action-critical-normal",
-    "hover:text-text-action-critical-hover active:text-text-action-critical-active"
-  );
-  const criticalStateDisabledStyles = disabled && variant === "critical" && (0, import_clsx14.default)("text-text-action-critical-disabled");
-  const disabledStateStyles = disabled && ["primary", "secondary"].includes(variant) && (0, import_clsx14.default)("text-text-link-disabled");
-  const disabledStyles = disabled && (0, import_clsx14.default)("pointer-events-none cursor-default");
-  const underlineStyles = underline ? "decoration-current" : notUnderline ? "decoration-decoration-not-underline" : "decoration-decoration-underline";
-  const paddingY = paddedY && componentPaddingY;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    Component,
-    __spreadProps(__spreadValues({
-      className: (0, import_clsx14.default)(
-        "inline",
-        disabled ? "cursor-default" : "cursor-pointer",
-        "underline decoration-[10%] underline-offset-[32%]",
-        !disabled && "hover:decoration-current",
-        !disabled && "active:decoration-decoration-underline",
-        "flex flex-col justify-center",
-        align === "left" && "items-start",
-        align === "center" && "items-center",
-        align === "right" && "items-end",
-        baseTransition,
-        primaryStateStyles,
-        secondaryStateStyles,
-        criticalStateStyles,
-        criticalStateDisabledStyles,
-        disabledStateStyles,
-        disabledStyles,
-        underlineStyles,
-        typographyStyle === "caption" && typography.caption,
-        typographyStyle === "paragraph" && typography.paragraph,
-        align === "left" && "text-left",
-        align === "center" && "text-center",
-        align === "right" && "text-right",
-        paddingY,
-        addOverflow && "whitespace-nowrap text-ellipsis overflow-hidden",
-        className,
-        block ? "w-full" : "w-fit"
-      )
-    }, props), {
-      style: __spreadProps(__spreadValues({}, props.style), {
-        color: color ? `var(--color-${color})` : void 0
-      }),
-      "aria-disabled": disabled,
-      tabIndex: disabled ? -1 : void 0,
-      "data-testid": testid
-    })
-  );
-};
-Link.displayName = "Link";
-
-// src/components/Caption.tsx
-var import_clsx15 = __toESM(require("clsx"), 1);
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var Caption = (_a) => {
-  var _b = _a, {
-    className,
-    children,
-    as = "span",
-    style = "default",
-    color,
-    align,
-    id,
-    testid,
-    marginTopDesktop
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children",
-    "as",
-    "style",
-    "color",
-    "align",
-    "id",
-    "testid",
-    "marginTopDesktop"
-  ]);
-  const Element = as;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { id, "data-testid": testid, className: "flex gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      WhichIcon,
-      {
-        id,
-        testid,
-        style,
-        size: 16,
-        className: "mt-[3px] desktop:mt-0"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      Element,
-      __spreadProps(__spreadValues({
-        id: id ? `${id}-text` : void 0,
-        "data-testid": testid ? `${testid}-text` : void 0,
-        className: (0, import_clsx15.default)(
-          typography.caption.replace("text-text-primary-normal", ""),
-          (style === "default" || style === "info") && "text-text-secondary-normal",
-          style === "success" && "text-text-success-normal",
-          style === "warning" && "text-text-warning-normal",
-          style === "error" && "text-text-critical-normal",
-          align === "left" && "text-left",
-          align === "center" && "text-center",
-          align === "right" && "text-right",
-          className,
-          marginTopDesktop && `desktop:mt-px`
-        )
-      }, props), {
-        style: {
-          color: color ? `var(--color-${color})` : void 0
-        },
-        children
-      })
-    )
-  ] });
-};
-var WhichIcon = ({
-  style,
-  size,
-  className,
-  id,
-  testid
-}) => {
-  if (style === "success") {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-icon-success-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      Icon,
-      {
-        id: id ? `${id}-icon` : void 0,
-        testid: testid ? `${testid}-icon` : void 0,
-        className,
-        name: "check_circle",
-        size
-      }
-    ) });
-  }
-  if (style === "warning") {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-icon-warning-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      Icon,
-      {
-        id: id ? `${id}-icon` : void 0,
-        testid: testid ? `${testid}-icon` : void 0,
-        className,
-        name: "warning",
-        size
-      }
-    ) });
-  }
-  if (style === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-icon-critical-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      Icon,
-      {
-        id: id ? `${id}-icon` : void 0,
-        testid: testid ? `${testid}-icon` : void 0,
-        className,
-        name: "info",
-        size
-      }
-    ) });
-  }
-  if (style === "info") {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      Icon,
-      {
-        id: id ? `${id}-icon` : void 0,
-        testid: testid ? `${testid}-icon` : void 0,
-        className,
-        name: "info",
-        size
-      }
-    ) });
-  }
-  return null;
-};
-Caption.displayName = "Caption";
-
-// src/components/PDFViewer/index.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function PDFViewer(props) {
-  const {
-    isOpen,
-    onClose,
-    encodedPdfs,
-    customActions,
-    testid,
-    isMobile,
-    title,
-    customFooter = false,
-    withPagination = true,
-    error,
-    showMobileDownload = false
-  } = props;
-  const [currentIndex, setCurrentIndex] = (0, import_react11.useState)(0);
-  const [isDownloading, setIsDownloading] = (0, import_react11.useState)(false);
-  const handleDownload = (0, import_react11.useCallback)(() => {
-    setIsDownloading(true);
-    if (encodedPdfs[currentIndex].downloadURL && !encodedPdfs[currentIndex].base64) {
-      const link2 = document.createElement("a");
-      link2.href = encodedPdfs[currentIndex].downloadURL || "";
-      link2.target = "_blank";
-      link2.rel = "noopener noreferrer";
-      document.body.appendChild(link2);
-      link2.click();
-      document.body.removeChild(link2);
-      setIsDownloading(false);
-      return;
-    }
-    const link = document.createElement("a");
-    const currentPdf = encodedPdfs[currentIndex];
-    if (!currentPdf) {
-      setIsDownloading(false);
-      return;
-    }
-    link.href = currentPdf.base64 ? `data:application/pdf;base64,${currentPdf.base64}` : currentPdf.downloadURL || "";
-    link.download = currentPdf.fileName.endsWith(".pdf") ? currentPdf.fileName : `${currentPdf.fileName}.pdf`;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    setIsDownloading(false);
-  }, [currentIndex, encodedPdfs]);
-  if (!encodedPdfs.length) return null;
-  function handleNextFile() {
-    if (currentIndex < encodedPdfs.length - 1) {
-      setCurrentIndex((prev) => prev + 1);
-    }
-  }
-  function handlePreviousFile() {
-    if (currentIndex > 0) {
-      setCurrentIndex((prev) => prev - 1);
-    }
-  }
-  function handleClose() {
-    setCurrentIndex(0);
-    setIsDownloading(false);
-    onClose();
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    Modal,
-    {
-      testid,
-      open: isOpen,
-      customFooter,
-      onClose: handleClose,
-      noWrapper: true,
-      closeOnBackdropClick: false,
-      showButtons: isMobile ? customFooter && !!customActions : !!encodedPdfs.length,
-      customActions: !!encodedPdfs.length && !isMobile && withPagination ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        PdfNavigation,
-        {
-          testid,
-          currentIndex,
-          total: encodedPdfs.length,
-          onPrev: handlePreviousFile,
-          onNext: handleNextFile,
-          disablePrev: currentIndex === 0,
-          disableNext: currentIndex === encodedPdfs.length - 1,
-          extraActions: customActions,
-          fileName: encodedPdfs[currentIndex].fileName
-        }
-      ) : customActions,
-      fixedHeightScrolling: true,
-      headerIconAlign: "right",
-      headerIcon: !isMobile || showMobileDownload ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        DownloadIcon,
-        {
-          testid: testid ? `${testid}-download-icon` : void 0,
-          onClick: handleDownload,
-          isDownloading,
-          colorClassName: isMobile ? "text-white" : void 0
-        }
-      ) : void 0,
-      title: isMobile ? title != null ? title : encodedPdfs[currentIndex].fileName : void 0,
-      size: isMobile ? "screen" : "large",
-      headerClassname: "bg-brand-400 desktop:bg-background-grouped-primary-normal p-mobile-layout-padding text-brand-text-action-primary-normal",
-      headerIconClassname: "text-white desktop:text-icon-primary-normal",
-      children: !encodedPdfs[currentIndex].base64 && encodedPdfs[currentIndex].downloadURL ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-        Stack,
-        {
-          sizing: "layout",
-          justify: "center",
-          items: "center",
-          height: "full",
-          flexGrow: 1,
-          style: !isMobile ? {
-            minHeight: "77dvh",
-            minWidth: "30dvw"
-          } : void 0,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Caption, { children: "No preview available for this document. Please follow the link below to download." }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-              Link,
-              {
-                href: encodedPdfs[currentIndex].downloadURL,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                children: encodedPdfs[currentIndex].fileName || "Download PDF"
-              }
-            )
-          ]
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        PDFElement,
-        {
-          testid,
-          b64: encodedPdfs[currentIndex].base64,
-          isMobile,
-          error
-        }
-      )
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PDFViewer
-});