@dmsi/wedgekit-react 0.0.1241 → 1.0.0

package/dist/chunk-I3W5K76C.js

@@ -1,142 +0,0 @@
-import {
-  Paragraph
-} from "./chunk-7MBRCM3M.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-import {
-  baseTransition,
-  componentGap
-} from "./chunk-SATCWGO7.js";
-import {
-  __objRest,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/Checkbox.tsx
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Checkbox = (_a) => {
-  var _b = _a, {
-    label,
-    error,
-    disabled,
-    readOnly,
-    checked,
-    onChange,
-    indeterminate,
-    paragraphClassName,
-    id,
-    testid
-  } = _b, props = __objRest(_b, [
-    "label",
-    "error",
-    "disabled",
-    "readOnly",
-    "checked",
-    "onChange",
-    "indeterminate",
-    "paragraphClassName",
-    "id",
-    "testid"
-  ]);
-  const selected = indeterminate || checked;
-  const normalClassName = clsx(
-    !selected && !error && !disabled && !readOnly && "border-border-primary-normal bg-background-action-secondary-normal peer-hover:border-border-action-hover peer-hover:bg-background-action-secondary-hover peer-active:border-border-action-active peer-active:bg-background-action-secondary-active"
-  );
-  const normalSelectedClassName = clsx(
-    selected && !error && !disabled && !readOnly && "bg-background-action-primary-normal border-background-action-primary-normal peer-hover:bg-background-action-primary-hover peer-hover:border-background-action-primary-hover peer-active:bg-background-action-primary-active peer-active:border-background-action-primary-active"
-  );
-  const errorClassName = clsx(
-    error && !selected && "bg-background-action-critical-secondary-normal border-border-action-critical-normal peer-hover:border-border-action-critical-hover peer-hover:bg-background-action-critical-secondary-hover peer-active:border-border-action-critical-active peer-active:bg-background-action-secondary-active"
-  );
-  const errorSelectedClassName = clsx(
-    error && selected && "bg-background-action-critical-primary-normal border-background-action-critical-primary-normal peer-hover:bg-background-action-critical-primary-hover peer-hover:border-background-action-critical-primary-hover peer-active:bg-background-action-critical-primary-active peer-active:border-background-action-critical-primary-active"
-  );
-  const disabledClassName = clsx(
-    disabled && !readOnly && "border-border-primary-normal bg-background-action-secondary-disabled peer-checked:bg-icon-on-action-primary-disabled peer-checked:border-icon-on-action-primary-disabled"
-  );
-  const readOnlyClassName = clsx(
-    readOnly && "border-transparent bg-transparent peer-checked:bg-transparent peer-checked:border-transparent"
-  );
-  const checkColor = clsx(
-    selected && !disabled && !readOnly && "color-icon-on-action-primary-normal peer-hover:color-icon-on-action-primary-hover peer-active:color-icon-on-action-primary-active",
-    selected && disabled && "color-background-action-primary-disabled"
-  );
-  return /* @__PURE__ */ jsxs(
-    "label",
-    {
-      id,
-      "data-testid": testid,
-      htmlFor: id ? `${id}-input` : void 0,
-      className: clsx(
-        "flex items-center",
-        componentGap,
-        (disabled || readOnly && error || readOnly) && "cursor-default",
-        !(readOnly && error) && !disabled && !readOnly && "cursor-pointer"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            __spreadValues({
-              id: id ? `${id}-input` : void 0,
-              "data-testid": testid ? `${testid}-input` : void 0,
-              type: "checkbox",
-              className: "sr-only peer",
-              disabled,
-              checked: selected,
-              onChange: handleOnChange,
-              "data-indeterminate": indeterminate
-            }, props)
-          ),
-          error && (readOnly || disabled) ? /* @__PURE__ */ jsx("div", { className: clsx("size-6", "flex items-center justify-center"), children: selected ? indeterminate ? /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "question_mark" }) }) : readOnly ? /* @__PURE__ */ jsx("span", { className: "text-success-400 contents", children: /* @__PURE__ */ jsx(Icon, { name: "check" }) }) : /* @__PURE__ */ jsx("span", { className: "text-icon-on-action-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "check", className: "pointer-events-none" }) }) : readOnly && /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "close" }) }) }) : /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: clsx(
-                "size-6 border rounded-base",
-                "flex items-center justify-center",
-                baseTransition,
-                normalClassName,
-                normalSelectedClassName,
-                errorClassName,
-                errorSelectedClassName,
-                disabledClassName,
-                readOnlyClassName,
-                checkColor
-              ),
-              children: selected ? indeterminate ? readOnly ? /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal  contents", children: /* @__PURE__ */ jsx(Icon, { name: "question_mark" }) }) : /* @__PURE__ */ jsx("span", { className: "text-icon-on-action-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "remove", className: "pointer-events-none" }) }) : readOnly ? /* @__PURE__ */ jsx("span", { className: "text-success-400 contents", children: /* @__PURE__ */ jsx(Icon, { name: "check" }) }) : /* @__PURE__ */ jsx("span", { className: "text-icon-on-action-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "check", className: "pointer-events-none" }) }) : readOnly && /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "close" }) })
-            }
-          )
-        ] }),
-        label && /* @__PURE__ */ jsx(
-          Paragraph,
-          {
-            id: id ? `${id}-label` : void 0,
-            testid: testid ? `${testid}-label` : void 0,
-            as: "span",
-            padded: true,
-            className: clsx(
-              "text-nowrap",
-              disabled && !error && "!text-text-primary-disabled",
-              error && !disabled && !readOnly && "!text-text-primary-error",
-              paragraphClassName
-            ),
-            children: label
-          }
-        )
-      ]
-    }
-  );
-  function handleOnChange(e) {
-    if (disabled || readOnly || readOnly && error || !onChange) {
-      return;
-    }
-    onChange(e);
-  }
-};
-Checkbox.displayName = "Checkbox";
-
-export {
-  Checkbox
-};

package/dist/chunk-ICJARSLG.js

@@ -1,142 +0,0 @@
-import {
-  useMatchesMobile
-} from "./chunk-WVGXD7HT.js";
-import {
-  Stack
-} from "./chunk-MVDGHWKO.js";
-
-// src/components/CompactImagesPreview.tsx
-import { useCallback, useEffect, useMemo, useState } from "react";
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-function hasValidSourceUri(uri, placeholderImageUri) {
-  const normalizedUri = uri == null ? void 0 : uri.trim();
-  return !!normalizedUri && normalizedUri !== placeholderImageUri && !normalizedUri.endsWith("/placeholder.svg") && !normalizedUri.includes("/placeholder.svg?");
-}
-function CompactImagesPreview(props) {
-  const {
-    sources,
-    currentSourceIndex = 0,
-    activeImageHeight = 243,
-    activeImageWidth = 242,
-    thumbnailWidth = 30.5,
-    thumbnailHeight = 30,
-    enableThumbnailBorder = false,
-    placeholderImageUri,
-    placeholderAlt = "placeholder image",
-    onChangeSource,
-    onMainImageClick,
-    testid
-  } = props;
-  const isMobile = useMatchesMobile();
-  const [failedSourceUris, setFailedSourceUris] = useState([]);
-  const sourceKey = useMemo(
-    () => sources.map((source) => source.uri).join("|"),
-    [sources]
-  );
-  const validSources = useMemo(
-    () => sources.filter(
-      (source) => hasValidSourceUri(source.uri, placeholderImageUri) && failedSourceUris.indexOf(source.uri) === -1
-    ),
-    [failedSourceUris, placeholderImageUri, sources]
-  );
-  const imagesCount = validSources.length;
-  const safeCurrentSourceIndex = currentSourceIndex >= 0 && currentSourceIndex < imagesCount ? currentSourceIndex : 0;
-  useEffect(() => {
-    setFailedSourceUris([]);
-  }, [sourceKey]);
-  const handleImgError = useCallback(
-    (e, failedUri) => {
-      if (failedUri) {
-        setFailedSourceUris(
-          (previousUris) => previousUris.indexOf(failedUri) >= 0 ? previousUris : [...previousUris, failedUri]
-        );
-      }
-      if (!placeholderImageUri) return;
-      const img = e.currentTarget;
-      if (img.src === placeholderImageUri) return;
-      img.src = placeholderImageUri;
-      if (!img.alt) img.alt = placeholderAlt;
-    },
-    [placeholderAlt, placeholderImageUri]
-  );
-  const handleThumbnailClick = useCallback(
-    (newIndex) => {
-      if (newIndex === currentSourceIndex) return;
-      if (newIndex < 0 || newIndex >= imagesCount) return;
-      onChangeSource(newIndex);
-    },
-    [currentSourceIndex, onChangeSource, imagesCount]
-  );
-  if (!validSources.length || typeof isMobile === "undefined")
-    return /* @__PURE__ */ jsx(
-      "img",
-      {
-        "data-testid": testid ? `${testid}-placeholder` : void 0,
-        className: "object-center",
-        style: {
-          width: activeImageWidth,
-          height: activeImageHeight,
-          objectPosition: "center",
-          objectFit: "contain"
-        },
-        src: placeholderImageUri,
-        alt: placeholderAlt,
-        onError: (event) => handleImgError(event),
-        onClick: onMainImageClick
-      }
-    );
-  const currentSource = validSources[safeCurrentSourceIndex];
-  return /* @__PURE__ */ jsxs(Stack, { "data-testid": testid, sizing: "layout", children: [
-    /* @__PURE__ */ jsx(
-      "img",
-      {
-        "data-testid": testid ? `${testid}-main-image` : void 0,
-        className: clsx("object-center", onMainImageClick && "cursor-pointer"),
-        style: {
-          width: isMobile ? "100%" : activeImageWidth,
-          height: activeImageHeight,
-          objectPosition: "center",
-          objectFit: "contain"
-        },
-        src: currentSource.uri,
-        alt: currentSource.name,
-        onError: (event) => handleImgError(event, currentSource.uri),
-        onClick: onMainImageClick
-      }
-    ),
-    imagesCount > 1 && /* @__PURE__ */ jsx("div", { className: "flex flex-row flex-wrap items-center gap-3", children: validSources.slice(0, 4).map((source, index) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        "data-testid": testid ? `${testid}-thumbnail-${index}` : void 0,
-        onClick: (e) => {
-          e.preventDefault();
-          handleThumbnailClick(index);
-        },
-        className: clsx(
-          "cursor-pointer",
-          safeCurrentSourceIndex === index && enableThumbnailBorder ? "ring-2 ring-offset-2 ring-brand-400 transition-discrete duration-300" : "ring-brand-400/0"
-        ),
-        children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: source.uri,
-            alt: source.name,
-            style: {
-              width: thumbnailWidth,
-              height: thumbnailHeight,
-              objectPosition: "center",
-              objectFit: "cover"
-            },
-            onError: (event) => handleImgError(event, source.uri)
-          }
-        )
-      },
-      `compact-image-${source.uri}-${index}`
-    )) })
-  ] });
-}
-
-export {
-  CompactImagesPreview
-};

package/dist/chunk-J3HNYUSG.js

@@ -1,34 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-QG6NWMGA.js";
-import {
-  Button
-} from "./chunk-J4IMVWT5.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-
-// src/components/PDFViewer/DownloadIcon.tsx
-import { jsx } from "react/jsx-runtime";
-function DownloadIcon({
-  onClick,
-  isDownloading,
-  testid,
-  colorClassName
-}) {
-  return /* @__PURE__ */ jsx(Tooltip, { message: "Download", position: "bottom", children: /* @__PURE__ */ jsx(
-    Button,
-    {
-      testid,
-      iconOnly: true,
-      variant: "tertiary",
-      colorClassName,
-      leftIcon: /* @__PURE__ */ jsx(Icon, { name: isDownloading ? "cached" : "download" }),
-      onClick
-    }
-  ) });
-}
-
-export {
-  DownloadIcon
-};

package/dist/chunk-J4IMVWT5.js

@@ -1,183 +0,0 @@
-import {
-  Spinner
-} from "./chunk-SBRRNFOP.js";
-import {
-  baseTransition,
-  componentGap,
-  componentPaddingMinus2pxBorder,
-  componentPaddingXUsingComponentGap,
-  paddingUsingComponentGap,
-  typography
-} from "./chunk-SATCWGO7.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/Button.tsx
-import clsx from "clsx";
-import { jsx, jsxs } from "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" && clsx(
-    (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" && clsx(
-    (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" && clsx(
-    "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" && clsx(
-    "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" && clsx(
-    (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" && clsx(
-    (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" && clsx(
-    (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" && clsx(
-    (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" && clsx("border-2 flex-row", componentPaddingMinus2pxBorder, componentGap);
-  const buttonClasses = clsx(
-    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 = clsx(
-    "min-h-6 flex items-center justify-center",
-    classNameLabel,
-    fontNormal && "font-normal!",
-    componentPaddingXUsingComponentGap,
-    typography.buttonLabel
-  );
-  const Element = href && !as ? "a" : as;
-  return /* @__PURE__ */ 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__ */ jsx(Spinner, { size: "small" }),
-        !iconOnly && !isLoading && children && /* @__PURE__ */ jsx(
-          "span",
-          {
-            id: id ? `${id}-label` : void 0,
-            "data-testid": testid ? `${testid}-label` : void 0,
-            className: labelClasses,
-            children
-          }
-        ),
-        rightIcon && rightIcon
-      ]
-    })
-  );
-};
-Button.displayName = "Button";
-
-export {
-  Button
-};

package/dist/chunk-JRNU5BZ4.js

@@ -1,52 +0,0 @@
-import {
-  ImagePlaceholder
-} from "./chunk-QVWYTQKL.js";
-
-// src/components/ProductImagePreview/Thumbnail.tsx
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function Thumbnail({
-  width,
-  height,
-  src,
-  alt,
-  isActive,
-  onClick,
-  isPlaceholder = false,
-  onImageError
-}) {
-  const [imageError, setImageError] = useState(false);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: [
-        "cursor-pointer relative overflow-hidden rounded aspect-square w-full",
-        // base radius, square when no explicit size
-        "focus:outline-none",
-        isActive && !isPlaceholder && "ring-[3px] ring-offset-1 ring-border-action-normal ring-offset-white opacity-70"
-      ].join(" "),
-      style: { maxWidth: width, maxHeight: height, aspectRatio: "1 / 1" },
-      "aria-pressed": isActive && !isPlaceholder ? "true" : "false",
-      children: isPlaceholder ? /* @__PURE__ */ jsx(ImagePlaceholder, { width: 115, height: 115 }) : /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: imageError ? "/placeholder.svg" : src,
-          alt,
-          className: "object-cover w-full h-full select-none",
-          draggable: false,
-          loading: "lazy",
-          onError: () => {
-            onImageError == null ? void 0 : onImageError(src);
-            setImageError(true);
-          }
-        }
-      )
-    }
-  );
-}
-
-export {
-  Thumbnail
-};

package/dist/chunk-K6RPFIMB.js

@@ -1,77 +0,0 @@
-import {
-  Heading3
-} from "./chunk-GOGNV5TF.js";
-import {
-  Button
-} from "./chunk-J4IMVWT5.js";
-import {
-  Stack
-} from "./chunk-MVDGHWKO.js";
-import {
-  Paragraph
-} from "./chunk-7MBRCM3M.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-
-// src/components/PDFViewer/PDFNavigation.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function PdfNavigation({
-  currentIndex,
-  total,
-  onPrev,
-  onNext,
-  disablePrev,
-  disableNext,
-  extraActions,
-  testid,
-  fileName
-}) {
-  return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      horizontal: true,
-      items: "center",
-      justify: "between",
-      sizing: "layout-group",
-      testid: testid ? `${testid}-pdf-navigation` : void 0,
-      children: [
-        /* @__PURE__ */ jsxs(Stack, { horizontal: true, items: "center", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              iconOnly: true,
-              variant: "tertiary",
-              onClick: onPrev,
-              leftIcon: /* @__PURE__ */ jsx(Icon, { name: "chevron_backward" }),
-              disabled: disablePrev,
-              testid: testid ? `${testid}-pdf-file-previous-button` : void 0
-            }
-          ),
-          /* @__PURE__ */ jsxs(Heading3, { className: "text-text-primary-normal whitespace-nowrap", children: [
-            currentIndex + 1,
-            " / ",
-            total
-          ] }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              iconOnly: true,
-              variant: "tertiary",
-              onClick: onNext,
-              rightIcon: /* @__PURE__ */ jsx(Icon, { name: "chevron_forward" }),
-              disabled: disableNext,
-              testid: testid ? `${testid}-pdf-file-next-button` : void 0
-            }
-          ),
-          /* @__PURE__ */ jsx(Paragraph, { children: (fileName == null ? void 0 : fileName.endsWith(".pdf")) ? fileName : `${fileName}.pdf` })
-        ] }),
-        extraActions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: extraActions })
-      ]
-    }
-  ) });
-}
-
-export {
-  PdfNavigation
-};

package/dist/chunk-KBIEWFQS.js

@@ -1,27 +0,0 @@
-// src/components/SkeletonParagraph.tsx
-import { jsx } from "react/jsx-runtime";
-function SkeletonParagraph({
-  className = "",
-  heightClassName = "h-6",
-  size = "large",
-  testid
-}) {
-  const sizeClassMap = {
-    small: "min-w-10 w-1/4",
-    medium: "min-w-20 w-1/2",
-    large: "min-w-32 w-full"
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "aria-label": "Loading content",
-      role: "status",
-      className: `skeleton-paragraph ${heightClassName} ${sizeClassMap[size]} rounded-xs ${className}`,
-      "data-testid": testid
-    }
-  );
-}
-
-export {
-  SkeletonParagraph
-};