@dmsi/wedgekit-react 0.0.697 → 0.0.698

package/dist/components/DateRangeInput.js

@@ -4,7 +4,7 @@ import {
 import "../chunk-GYU3MQ3R.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-URAV33TJ.js";
-import "../chunk-B2DVT7KT.js";
+import "../chunk-SNENJFTN.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
@@ -14,14 +14,14 @@ import "../chunk-2IKT6IHB.js";
 import "../chunk-OX7TDYN4.js";
 import "../chunk-I2L2DXPU.js";
 import "../chunk-5IFPG6TS.js";
-import "../chunk-ZILLGHBE.js";
 import "../chunk-AJ5M6MVX.js";
+import "../chunk-ZILLGHBE.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import "../chunk-UF5XGCSF.js";
-import "../chunk-63WMDTVQ.js";
-import "../chunk-L3BXRDLP.js";
-import "../chunk-34VEVX5H.js";
+import "../chunk-FESS4LWU.js";
+import "../chunk-KBIEWFQS.js";
+import "../chunk-NSZTJ5R4.js";
 import "../chunk-LB7UT6F3.js";
 import "../chunk-AS57Y2D3.js";
 import "../chunk-BZTUQP6P.js";

package/dist/components/MobileDataGrid/ColumnList.js

@@ -3,8 +3,8 @@ import {
 } from "../../chunk-OX7TDYN4.js";
 import "../../chunk-I2L2DXPU.js";
 import "../../chunk-5IFPG6TS.js";
-import "../../chunk-ZILLGHBE.js";
 import "../../chunk-AJ5M6MVX.js";
+import "../../chunk-ZILLGHBE.js";
 import "../../chunk-M7WHWZ2J.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-X4VZXHQL.js";

package/dist/components/MobileDataGrid/ColumnSelector/index.js

@@ -4,7 +4,7 @@ import {
 import "../../../chunk-GYU3MQ3R.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-URAV33TJ.js";
-import "../../../chunk-B2DVT7KT.js";
+import "../../../chunk-SNENJFTN.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
@@ -14,14 +14,14 @@ import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-OX7TDYN4.js";
 import "../../../chunk-I2L2DXPU.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-ZILLGHBE.js";
 import "../../../chunk-AJ5M6MVX.js";
+import "../../../chunk-ZILLGHBE.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-UF5XGCSF.js";
-import "../../../chunk-63WMDTVQ.js";
-import "../../../chunk-L3BXRDLP.js";
-import "../../../chunk-34VEVX5H.js";
+import "../../../chunk-FESS4LWU.js";
+import "../../../chunk-KBIEWFQS.js";
+import "../../../chunk-NSZTJ5R4.js";
 import "../../../chunk-LB7UT6F3.js";
 import "../../../chunk-AS57Y2D3.js";
 import "../../../chunk-BZTUQP6P.js";

package/dist/components/MobileDataGrid/MobileDataGridCard/index.js

@@ -2,8 +2,8 @@ import {
   MobileDataGridCard
 } from "../../../chunk-I2L2DXPU.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-ZILLGHBE.js";
 import "../../../chunk-AJ5M6MVX.js";
+import "../../../chunk-ZILLGHBE.js";
 import "../../../chunk-M7WHWZ2J.js";
 import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-X4VZXHQL.js";

package/dist/components/MobileDataGrid/MobileDataGridHeader.js

@@ -4,7 +4,7 @@ import {
 import "../../chunk-GYU3MQ3R.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-URAV33TJ.js";
-import "../../chunk-B2DVT7KT.js";
+import "../../chunk-SNENJFTN.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
@@ -14,14 +14,14 @@ import "../../chunk-2IKT6IHB.js";
 import "../../chunk-OX7TDYN4.js";
 import "../../chunk-I2L2DXPU.js";
 import "../../chunk-5IFPG6TS.js";
-import "../../chunk-ZILLGHBE.js";
 import "../../chunk-AJ5M6MVX.js";
+import "../../chunk-ZILLGHBE.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-UF5XGCSF.js";
-import "../../chunk-63WMDTVQ.js";
-import "../../chunk-L3BXRDLP.js";
-import "../../chunk-34VEVX5H.js";
+import "../../chunk-FESS4LWU.js";
+import "../../chunk-KBIEWFQS.js";
+import "../../chunk-NSZTJ5R4.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-AS57Y2D3.js";
 import "../../chunk-BZTUQP6P.js";

package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js

@@ -2,8 +2,8 @@ import {
   ModalContent
 } from "../../../chunk-URAV33TJ.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-ZILLGHBE.js";
 import "../../../chunk-AJ5M6MVX.js";
+import "../../../chunk-ZILLGHBE.js";
 import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-X4VZXHQL.js";
 import "../../../chunk-5UH6QUFB.js";

package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js

@@ -3,8 +3,8 @@ import {
 } from "../../../chunk-GYU3MQ3R.js";
 import "../../../chunk-URAV33TJ.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-ZILLGHBE.js";
 import "../../../chunk-AJ5M6MVX.js";
+import "../../../chunk-ZILLGHBE.js";
 import "../../../chunk-BZTUQP6P.js";
 import "../../../chunk-4RJKB7LC.js";
 import "../../../chunk-UUKHQUSF.js";

package/dist/components/MobileDataGrid/index.js

@@ -4,7 +4,7 @@ import {
 import "../../chunk-GYU3MQ3R.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-URAV33TJ.js";
-import "../../chunk-B2DVT7KT.js";
+import "../../chunk-SNENJFTN.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
@@ -14,14 +14,14 @@ import "../../chunk-2IKT6IHB.js";
 import "../../chunk-OX7TDYN4.js";
 import "../../chunk-I2L2DXPU.js";
 import "../../chunk-5IFPG6TS.js";
-import "../../chunk-ZILLGHBE.js";
 import "../../chunk-AJ5M6MVX.js";
+import "../../chunk-ZILLGHBE.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-UF5XGCSF.js";
-import "../../chunk-63WMDTVQ.js";
-import "../../chunk-L3BXRDLP.js";
-import "../../chunk-34VEVX5H.js";
+import "../../chunk-FESS4LWU.js";
+import "../../chunk-KBIEWFQS.js";
+import "../../chunk-NSZTJ5R4.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-AS57Y2D3.js";
 import "../../chunk-BZTUQP6P.js";

package/dist/components/OrderCheckIcon.cjs

@@ -20,6 +20,18 @@ var __spreadValues = (a, b) => {
   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 });
@@ -41,7 +53,12 @@ __export(OrderCheckIcon_exports, {
 });
 module.exports = __toCommonJS(OrderCheckIcon_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-function OrderCheckIcon(props) {
+function OrderCheckIcon(_a) {
+  var _b = _a, {
+    testid
+  } = _b, props = __objRest(_b, [
+    "testid"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     __spreadProps(__spreadValues({
@@ -49,7 +66,8 @@ function OrderCheckIcon(props) {
       viewBox: "0 0 37 36",
       fill: "none",
       width: 37,
-      height: 36
+      height: 36,
+      "data-testid": testid
     }, props), {
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "path",

package/dist/components/OrderCheckIcon.js

@@ -1,6 +1,6 @@
 import {
   OrderCheckIcon
-} from "../chunk-34VEVX5H.js";
+} from "../chunk-NSZTJ5R4.js";
 import "../chunk-ORMEWXMH.js";
 export {
   OrderCheckIcon

package/dist/components/ProductImagePreview/index.cjs

@@ -1265,7 +1265,8 @@ function ProductImagePreview(props) {
     zoomLensSize,
     zoomFactor = 2,
     zoomWindowScaleFactor = 2.5,
-    zoomWindowOffset = 10
+    zoomWindowOffset = 10,
+    testid
   } = props;
   const isMobile = useMatchesMobile();
   const {
@@ -1290,100 +1291,108 @@ function ProductImagePreview(props) {
   });
   if (typeof isMobile === "undefined") return null;
   const effectiveZoomEnabled = zoomEnabled && !isMobile;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Stack, { sizing: "layout", style: { width, position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex gap-4 items-start", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref: primaryImageRef, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        ProductPrimaryImage,
-        {
-          image: active,
-          width,
-          height,
-          zoomEnabled: effectiveZoomEnabled,
-          zoomLensSize,
-          scrollToZoomEnabled: scrollToZoomEnabled && !isMobile,
-          onZoomPositionChange: handleZoomPositionChange,
-          onScrollZoom: handleScrollZoom,
-          isPlaceholder: images.length === 0
-        }
-      ) }),
-      effectiveZoomEnabled && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        ZoomWindow,
-        {
-          image: active,
-          width,
-          height,
-          pointer: zoomPoint,
-          active: zoomActive,
-          zoomFactor: currentZoomFactor,
-          scaleFactor: zoomWindowScaleFactor,
-          primaryImagePosition,
-          offset: zoomWindowOffset
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      MobileImageCarousel,
-      {
-        images,
-        currentIndex: safeIndex,
-        width,
-        height,
-        onChangeIndex: handleSelect
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hidden md:block", children: images.length <= 3 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      "div",
-      {
-        className: "flex justify-center gap-4",
-        style: { width: "100%", maxWidth: width },
-        "aria-label": "Product image thumbnails",
-        children: (images.length === 0 ? PLACEHOLDER_IMAGES : images).map(
-          (img, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { maxWidth: "115px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            Thumbnail,
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    Stack,
+    {
+      sizing: "layout",
+      style: { width, position: "relative" },
+      testid,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex gap-4 items-start", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref: primaryImageRef, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            ProductPrimaryImage,
             {
-              src: img.src,
-              alt: img.alt || `Thumbnail ${i + 1}`,
-              isActive: i === safeIndex,
-              onClick: () => handleSelect(i),
+              image: active,
+              width,
+              height,
+              zoomEnabled: effectiveZoomEnabled,
+              zoomLensSize,
+              scrollToZoomEnabled: scrollToZoomEnabled && !isMobile,
+              onZoomPositionChange: handleZoomPositionChange,
+              onScrollZoom: handleScrollZoom,
               isPlaceholder: images.length === 0
             }
-          ) }, img.src + i)
-        )
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      Grid,
-      {
-        sizing: "layout-group",
-        "aria-label": "Product image thumbnails",
-        style: {
-          width: "100%",
-          maxWidth: width
-        },
-        columns: thumbsPerRow > 12 ? 12 : thumbsPerRow < 1 ? 1 : thumbsPerRow,
-        children: (images.length === 0 ? PLACEHOLDER_IMAGES : images).map(
-          (img, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            Thumbnail,
+          ) }),
+          effectiveZoomEnabled && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            ZoomWindow,
             {
-              src: img.src,
-              alt: img.alt || `Thumbnail ${i + 1}`,
-              isActive: i === safeIndex,
-              onClick: () => handleSelect(i),
-              isPlaceholder: images.length === 0
-            },
-            img.src + i
+              image: active,
+              width,
+              height,
+              pointer: zoomPoint,
+              active: zoomActive,
+              zoomFactor: currentZoomFactor,
+              scaleFactor: zoomWindowScaleFactor,
+              primaryImagePosition,
+              offset: zoomWindowOffset
+            }
           )
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          MobileImageCarousel,
+          {
+            images,
+            currentIndex: safeIndex,
+            width,
+            height,
+            onChangeIndex: handleSelect
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hidden md:block", children: images.length <= 3 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "div",
+          {
+            className: "flex justify-center gap-4",
+            style: { width: "100%", maxWidth: width },
+            "aria-label": "Product image thumbnails",
+            children: (images.length === 0 ? PLACEHOLDER_IMAGES : images).map(
+              (img, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { maxWidth: "115px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                Thumbnail,
+                {
+                  src: img.src,
+                  alt: img.alt || `Thumbnail ${i + 1}`,
+                  isActive: i === safeIndex,
+                  onClick: () => handleSelect(i),
+                  isPlaceholder: images.length === 0
+                }
+              ) }, img.src + i)
+            )
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          Grid,
+          {
+            sizing: "layout-group",
+            "aria-label": "Product image thumbnails",
+            style: {
+              width: "100%",
+              maxWidth: width
+            },
+            columns: thumbsPerRow > 12 ? 12 : thumbsPerRow < 1 ? 1 : thumbsPerRow,
+            children: (images.length === 0 ? PLACEHOLDER_IMAGES : images).map(
+              (img, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                Thumbnail,
+                {
+                  src: img.src,
+                  alt: img.alt || `Thumbnail ${i + 1}`,
+                  isActive: i === safeIndex,
+                  onClick: () => handleSelect(i),
+                  isPlaceholder: images.length === 0
+                },
+                img.src + i
+              )
+            )
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          CarouselPagination,
+          {
+            images,
+            currentIndex: safeIndex,
+            onSelect: handleSelect
+          }
         )
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      CarouselPagination,
-      {
-        images,
-        currentIndex: safeIndex,
-        onSelect: handleSelect
-      }
-    )
-  ] });
+      ]
+    }
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/ProductImagePreview/index.js

@@ -1,6 +1,6 @@
 import {
   ProductImagePreview
-} from "../../chunk-B2DVT7KT.js";
+} from "../../chunk-SNENJFTN.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";

package/dist/components/SimpleTable.cjs

@@ -486,49 +486,60 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 function SimpleTable({
   columns,
   data,
-  additionalRows
+  additionalRows,
+  testid
 }) {
   const allRows = additionalRows && additionalRows.length > 0 ? [...data, ...additionalRows] : data;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Stack, { elevation: 4, rounded: true, overflowX: "hidden", overflowY: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("table", { className: "w-full border-collapse text-left text-sm border overflow-hidden rounded border-border-primary-normal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: "bg-background-primary-normal divide-x divide-border-primary-normal", children: columns.map((column, index) => {
-      var _a, _b;
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "th",
-        {
-          scope: "col",
-          className: (0, import_clsx4.default)(
-            "p-mobile-layout-padding desktop:p-desktop-layout-padding font-semibold text-text-primary-normal",
-            ((_a = column.meta) == null ? void 0 : _a.headerWidth) ? column.meta.headerWidth : "w-2/3"
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Subheader, { children: (_b = column.header) == null ? void 0 : _b.toString() })
-        },
-        index
-      );
-    }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tbody", { children: allRows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "tr",
-      {
-        className: "border-t border-border-primary-normal divide-x divide-border-primary-normal",
-        children: columns.map((column, colIndex) => {
-          var _a;
-          const rawValue = column.id ? row[column.id] : null;
-          const cellValue = rawValue != null ? rawValue : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Stack,
+    {
+      elevation: 4,
+      rounded: true,
+      overflowX: "hidden",
+      overflowY: "hidden",
+      testid,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("table", { className: "w-full border-collapse text-left text-sm border overflow-hidden rounded border-border-primary-normal", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: "bg-background-primary-normal divide-x divide-border-primary-normal", children: columns.map((column, index) => {
+          var _a, _b;
           return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "td",
+            "th",
             {
+              scope: "col",
               className: (0, import_clsx4.default)(
-                "p-mobile-layout-padding desktop:p-desktop-layout-padding align-middle text-text-primary-normal",
-                (_a = column.meta) == null ? void 0 : _a.headerWidth
+                "p-mobile-layout-padding desktop:p-desktop-layout-padding font-semibold text-text-primary-normal",
+                ((_a = column.meta) == null ? void 0 : _a.headerWidth) ? column.meta.headerWidth : "w-2/3"
               ),
-              children: cellValue !== null && cellValue !== void 0 ? typeof cellValue === "string" || typeof cellValue === "number" ? cellValue.toString() : cellValue : ""
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Subheader, { children: (_b = column.header) == null ? void 0 : _b.toString() })
             },
-            colIndex
+            index
           );
-        })
-      },
-      rowIndex
-    )) })
-  ] }) });
+        }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tbody", { children: allRows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "tr",
+          {
+            className: "border-t border-border-primary-normal divide-x divide-border-primary-normal",
+            children: columns.map((column, colIndex) => {
+              var _a;
+              const rawValue = column.id ? row[column.id] : null;
+              const cellValue = rawValue != null ? rawValue : null;
+              return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                "td",
+                {
+                  className: (0, import_clsx4.default)(
+                    "p-mobile-layout-padding desktop:p-desktop-layout-padding align-middle text-text-primary-normal",
+                    (_a = column.meta) == null ? void 0 : _a.headerWidth
+                  ),
+                  children: cellValue !== null && cellValue !== void 0 ? typeof cellValue === "string" || typeof cellValue === "number" ? cellValue.toString() : cellValue : ""
+                },
+                colIndex
+              );
+            })
+          },
+          rowIndex
+        )) })
+      ] })
+    }
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/SimpleTable.js

@@ -1,6 +1,6 @@
 import {
   SimpleTable
-} from "../chunk-63WMDTVQ.js";
+} from "../chunk-FESS4LWU.js";
 import "../chunk-BYC6QID5.js";
 import "../chunk-MTGNBARV.js";
 import "../chunk-7KWFEH56.js";

package/dist/components/SkeletonParagraph.cjs

@@ -27,7 +27,8 @@ var import_jsx_runtime = require("react/jsx-runtime");
 function SkeletonParagraph({
   className = "",
   heightClassName = "h-6",
-  size = "large"
+  size = "large",
+  testid
 }) {
   const sizeClassMap = {
     small: "min-w-10 w-1/4",
@@ -39,7 +40,8 @@ function SkeletonParagraph({
     {
       "aria-label": "Loading content",
       role: "status",
-      className: `skeleton-paragraph ${heightClassName} ${sizeClassMap[size]} rounded-xs ${className}`
+      className: `skeleton-paragraph ${heightClassName} ${sizeClassMap[size]} rounded-xs ${className}`,
+      "data-testid": testid
     }
   );
 }

package/dist/components/SkeletonParagraph.js

@@ -1,6 +1,6 @@
 import {
   SkeletonParagraph
-} from "../chunk-L3BXRDLP.js";
+} from "../chunk-KBIEWFQS.js";
 import "../chunk-ORMEWXMH.js";
 export {
   SkeletonParagraph

package/dist/components/WorldpayIframe.cjs

@@ -25,8 +25,18 @@ __export(WorldpayIframe_exports, {
 });
 module.exports = __toCommonJS(WorldpayIframe_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-function WorldpayIframe({ url }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("iframe", { src: url, style: { width: "100%", height: "100%", flex: 1 } });
+function WorldpayIframe({
+  url,
+  testid
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "iframe",
+    {
+      "data-testid": testid,
+      src: url,
+      style: { width: "100%", height: "100%", flex: 1 }
+    }
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/WorldpayIframe.js

@@ -3,8 +3,18 @@ import "../chunk-ORMEWXMH.js";
 
 // src/components/WorldpayIframe.tsx
 import { jsx } from "react/jsx-runtime";
-function WorldpayIframe({ url }) {
-  return /* @__PURE__ */ jsx("iframe", { src: url, style: { width: "100%", height: "100%", flex: 1 } });
+function WorldpayIframe({
+  url,
+  testid
+}) {
+  return /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      "data-testid": testid,
+      src: url,
+      style: { width: "100%", height: "100%", flex: 1 }
+    }
+  );
 }
 export {
   WorldpayIframe