@dmsi/wedgekit-react 0.0.140 → 0.0.141

package/dist/components/ModalButtons.cjs

@@ -209,7 +209,8 @@ var Button = (_a) => {
     iconOnly = false,
     colorClassName,
     href,
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -223,7 +224,8 @@ var Button = (_a) => {
     "iconOnly",
     "colorClassName",
     "href",
-    "id"
+    "id",
+    "testid"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx2.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -311,6 +313,7 @@ var Button = (_a) => {
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
@@ -320,7 +323,7 @@ var Button = (_a) => {
       "data-theme": variant === "navigation" ? "brand" : void 0,
       children: [
         leftIcon && leftIcon,
-        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
+        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
         rightIcon && rightIcon
       ]
     })
@@ -335,17 +338,20 @@ function Icon(_a) {
   var _b = _a, {
     name,
     size = 24,
-    variant = "outline"
+    variant = "outline",
+    testid
   } = _b, props = __objRest(_b, [
     "name",
     "size",
-    "variant"
+    "variant",
+    "testid"
   ]);
   const variantStyle = variant === "filled" ? '"FILL" 1' : '"FILL" 0';
   const weightStyle = size === 16 ? '"wght" 400' : '"wght" 300';
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "span",
     __spreadProps(__spreadValues({}, props), {
+      "data-testid": testid,
       className: (0, import_clsx3.default)(
         "icon",
         `icon-${size}`,
@@ -366,12 +372,14 @@ var ModalButtons = ({
   onClose,
   onContinue,
   customActions,
-  id
+  id,
+  testid
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "div",
     {
       id,
+      "data-testid": testid,
       className: (0, import_clsx4.default)(
         "border-t border-neutral-300 flex justify-end",
         layoutPaddding,
@@ -382,6 +390,7 @@ var ModalButtons = ({
           Button,
           {
             id: id ? `${id}-close-button` : void 0,
+            testid: testid ? `${testid}-close-button` : void 0,
             variant: "secondary",
             leftIcon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { name: "close", size: 24 }),
             onClick: onClose,
@@ -393,6 +402,7 @@ var ModalButtons = ({
           Button,
           {
             id: id ? `${id}-continue-button` : void 0,
+            testid: testid ? `${testid}-continue-button` : void 0,
             variant: "primary",
             leftIcon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { name: "check", size: 24 }),
             className: "max-sm:w-full",

package/dist/components/ModalButtons.js

@@ -1,8 +1,8 @@
 import {
   ModalButtons
-} from "../chunk-CG2NIXZE.js";
-import "../chunk-H6LXXGX6.js";
-import "../chunk-IGQVA7SC.js";
+} from "../chunk-C4JGTH6G.js";
+import "../chunk-FKMKHLQH.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/ModalContent.cjs

@@ -166,12 +166,14 @@ var import_jsx_runtime = require("react/jsx-runtime");
 function ModalContent({
   fixedHeightScrolling,
   children,
-  id
+  id,
+  testid
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       id,
+      "data-testid": testid,
       className: (0, import_clsx2.default)(
         "flex-grow desktop:flex-grow-0",
         layoutPaddding,

package/dist/components/ModalContent.js

@@ -1,6 +1,6 @@
 import {
   ModalContent
-} from "../chunk-FWPJ73IK.js";
+} from "../chunk-SYEJVSE4.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/ModalHeader.cjs

@@ -202,7 +202,8 @@ var Heading = (_a) => {
     color,
     align,
     variant = "heading1",
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "className",
     "children",
@@ -210,7 +211,8 @@ var Heading = (_a) => {
     "color",
     "align",
     "variant",
-    "id"
+    "id",
+    "testid"
   ]);
   const defaultElement = variant === "heading1" ? "h1" : variant === "heading2" ? "h2" : "h3";
   const Element = as != null ? as : defaultElement;
@@ -218,6 +220,7 @@ var Heading = (_a) => {
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       className: (0, import_clsx2.default)(
         typography[variant],
         className,
@@ -258,7 +261,8 @@ var Button = (_a) => {
     iconOnly = false,
     colorClassName,
     href,
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -272,7 +276,8 @@ var Button = (_a) => {
     "iconOnly",
     "colorClassName",
     "href",
-    "id"
+    "id",
+    "testid"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx3.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -360,6 +365,7 @@ var Button = (_a) => {
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
@@ -369,7 +375,7 @@ var Button = (_a) => {
       "data-theme": variant === "navigation" ? "brand" : void 0,
       children: [
         leftIcon && leftIcon,
-        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
+        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
         rightIcon && rightIcon
       ]
     })
@@ -384,17 +390,20 @@ function Icon(_a) {
   var _b = _a, {
     name,
     size = 24,
-    variant = "outline"
+    variant = "outline",
+    testid
   } = _b, props = __objRest(_b, [
     "name",
     "size",
-    "variant"
+    "variant",
+    "testid"
   ]);
   const variantStyle = variant === "filled" ? '"FILL" 1' : '"FILL" 0';
   const weightStyle = size === 16 ? '"wght" 400' : '"wght" 300';
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "span",
     __spreadProps(__spreadValues({}, props), {
+      "data-testid": testid,
       className: (0, import_clsx4.default)(
         "icon",
         `icon-${size}`,
@@ -417,12 +426,14 @@ var ModalHeader = ({
   hideCloseIcon,
   headerIcon,
   onClose,
-  id
+  id,
+  testid
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
       id,
+      "data-testid": testid,
       className: (0, import_clsx5.default)(
         "flex justify-between items-center",
         layoutPaddding,
@@ -431,12 +442,13 @@ var ModalHeader = ({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: (0, import_clsx5.default)("flex items-center", layoutGroupGap), children: [
           headerIcon,
-          title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Heading2, { id: id ? `${id}-title` : void 0, as: "p", children: title })
+          title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Heading2, { id: id ? `${id}-title` : void 0, testid: testid ? `${testid}-title` : void 0, as: "p", children: title })
         ] }),
         !hideCloseIcon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           Button,
           {
             id: id ? `${id}-close-button` : void 0,
+            testid: testid ? `${testid}-close-button` : void 0,
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,

package/dist/components/ModalHeader.js

@@ -1,9 +1,9 @@
 import {
   ModalHeader
-} from "../chunk-6UI5GABI.js";
-import "../chunk-J6LETUNM.js";
-import "../chunk-H6LXXGX6.js";
-import "../chunk-IGQVA7SC.js";
+} from "../chunk-R7ELP5C5.js";
+import "../chunk-AZ7LVLOK.js";
+import "../chunk-FKMKHLQH.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/ModalScrim.cjs

@@ -41,12 +41,14 @@ var ModalScrim = ({
   children,
   onClick,
   ref,
-  id
+  id,
+  testid
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       id,
+      "data-testid": testid,
       className: (0, import_clsx.default)(
         "overflow-y-auto h-screen transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center desktop:p-4 group bg-neutral-600/50 fixed opacity-0",
         !show && " pointer-events-none",

package/dist/components/ModalScrim.js

@@ -1,6 +1,6 @@
 import {
   ModalScrim
-} from "../chunk-4JLU7TAC.js";
+} from "../chunk-ZFOANBWG.js";
 import "../chunk-ORMEWXMH.js";
 export {
   ModalScrim

package/dist/components/NavigationTab.cjs

@@ -209,7 +209,8 @@ var Button = (_a) => {
     iconOnly = false,
     colorClassName,
     href,
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -223,7 +224,8 @@ var Button = (_a) => {
     "iconOnly",
     "colorClassName",
     "href",
-    "id"
+    "id",
+    "testid"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx2.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -311,6 +313,7 @@ var Button = (_a) => {
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
@@ -320,7 +323,7 @@ var Button = (_a) => {
       "data-theme": variant === "navigation" ? "brand" : void 0,
       children: [
         leftIcon && leftIcon,
-        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
+        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
         rightIcon && rightIcon
       ]
     })
@@ -335,17 +338,20 @@ function Icon(_a) {
   var _b = _a, {
     name,
     size = 24,
-    variant = "outline"
+    variant = "outline",
+    testid
   } = _b, props = __objRest(_b, [
     "name",
     "size",
-    "variant"
+    "variant",
+    "testid"
   ]);
   const variantStyle = variant === "filled" ? '"FILL" 1' : '"FILL" 0';
   const weightStyle = size === 16 ? '"wght" 400' : '"wght" 300';
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "span",
     __spreadProps(__spreadValues({}, props), {
+      "data-testid": testid,
       className: (0, import_clsx3.default)(
         "icon",
         `icon-${size}`,
@@ -365,6 +371,7 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 var NavigationTab = (_a) => {
   var _b = _a, {
     id,
+    testid,
     label,
     onClick,
     selected = false,
@@ -373,6 +380,7 @@ var NavigationTab = (_a) => {
     href
   } = _b, props = __objRest(_b, [
     "id",
+    "testid",
     "label",
     "onClick",
     "selected",
@@ -416,6 +424,7 @@ var NavigationTab = (_a) => {
     Button,
     __spreadProps(__spreadValues({
       id,
+      testid,
       variant: "tertiary-critical",
       colorClassName: textClassName,
       className: (0, import_clsx4.default)(

package/dist/components/NavigationTab.js

@@ -1,8 +1,8 @@
 import {
   NavigationTab
-} from "../chunk-P242H6OU.js";
-import "../chunk-H6LXXGX6.js";
-import "../chunk-IGQVA7SC.js";
+} from "../chunk-ZGFQN47L.js";
+import "../chunk-FKMKHLQH.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/NavigationTabs.cjs

@@ -214,7 +214,8 @@ var Button = (_a) => {
     iconOnly = false,
     colorClassName,
     href,
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -228,7 +229,8 @@ var Button = (_a) => {
     "iconOnly",
     "colorClassName",
     "href",
-    "id"
+    "id",
+    "testid"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx2.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -316,6 +318,7 @@ var Button = (_a) => {
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
@@ -325,7 +328,7 @@ var Button = (_a) => {
       "data-theme": variant === "navigation" ? "brand" : void 0,
       children: [
         leftIcon && leftIcon,
-        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
+        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
         rightIcon && rightIcon
       ]
     })
@@ -340,17 +343,20 @@ function Icon(_a) {
   var _b = _a, {
     name,
     size = 24,
-    variant = "outline"
+    variant = "outline",
+    testid
   } = _b, props = __objRest(_b, [
     "name",
     "size",
-    "variant"
+    "variant",
+    "testid"
   ]);
   const variantStyle = variant === "filled" ? '"FILL" 1' : '"FILL" 0';
   const weightStyle = size === 16 ? '"wght" 400' : '"wght" 300';
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "span",
     __spreadProps(__spreadValues({}, props), {
+      "data-testid": testid,
       className: (0, import_clsx3.default)(
         "icon",
         `icon-${size}`,
@@ -370,6 +376,7 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 var NavigationTab = (_a) => {
   var _b = _a, {
     id,
+    testid,
     label,
     onClick,
     selected = false,
@@ -378,6 +385,7 @@ var NavigationTab = (_a) => {
     href
   } = _b, props = __objRest(_b, [
     "id",
+    "testid",
     "label",
     "onClick",
     "selected",
@@ -421,6 +429,7 @@ var NavigationTab = (_a) => {
     Button,
     __spreadProps(__spreadValues({
       id,
+      testid,
       variant: "tertiary-critical",
       colorClassName: textClassName,
       className: (0, import_clsx4.default)(
@@ -449,6 +458,7 @@ NavigationTab.displayName = "NavigationTab";
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var NavigationTabs = ({
   id,
+  testid,
   tabs,
   onTabChange,
   colorPrimitives = "dmsi"
@@ -461,7 +471,7 @@ var NavigationTabs = ({
   };
   const selectedContent = (_b = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _b.content;
   const selectedTabHasHref = (_c = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _c.href;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { id, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { id, "data-testid": testid, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "div",
       {
@@ -473,6 +483,7 @@ var NavigationTabs = ({
           NavigationTab,
           {
             id: id ? `${id}-tab-${tab.id}` : void 0,
+            testid: testid ? `${testid}-tab-${tab.id}` : void 0,
             label: tab.label,
             selected: selectedTab === tab.id,
             onClick: () => handleTabClick(tab.id),

package/dist/components/NavigationTabs.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   NavigationTab
-} from "../chunk-P242H6OU.js";
-import "../chunk-H6LXXGX6.js";
-import "../chunk-IGQVA7SC.js";
+} from "../chunk-ZGFQN47L.js";
+import "../chunk-FKMKHLQH.js";
+import "../chunk-NKUETCDA.js";
 import {
   componentGap
 } from "../chunk-RDLEIAQU.js";
@@ -15,6 +15,7 @@ import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var NavigationTabs = ({
   id,
+  testid,
   tabs,
   onTabChange,
   colorPrimitives = "dmsi"
@@ -27,7 +28,7 @@ var NavigationTabs = ({
   };
   const selectedContent = (_b = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _b.content;
   const selectedTabHasHref = (_c = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _c.href;
-  return /* @__PURE__ */ jsxs("div", { id, children: [
+  return /* @__PURE__ */ jsxs("div", { id, "data-testid": testid, children: [
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
       "div",
       {
@@ -39,6 +40,7 @@ var NavigationTabs = ({
           NavigationTab,
           {
             id: id ? `${id}-tab-${tab.id}` : void 0,
+            testid: testid ? `${testid}-tab-${tab.id}` : void 0,
             label: tab.label,
             selected: selectedTab === tab.id,
             onClick: () => handleTabClick(tab.id),

package/dist/components/NestedMenu.cjs

@@ -72,17 +72,20 @@ function Icon(_a) {
   var _b = _a, {
     name,
     size = 24,
-    variant = "outline"
+    variant = "outline",
+    testid
   } = _b, props = __objRest(_b, [
     "name",
     "size",
-    "variant"
+    "variant",
+    "testid"
   ]);
   const variantStyle = variant === "filled" ? '"FILL" 1' : '"FILL" 0';
   const weightStyle = size === 16 ? '"wght" 400' : '"wght" 300';
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     __spreadProps(__spreadValues({}, props), {
+      "data-testid": testid,
       className: (0, import_clsx.default)(
         "icon",
         `icon-${size}`,
@@ -237,20 +240,23 @@ var Label = (_a) => {
     className,
     color,
     align,
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "as",
     "padded",
     "className",
     "color",
     "align",
-    "id"
+    "id",
+    "testid"
   ]);
   const Element = as;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       className: (0, import_clsx3.default)(
         typography.label,
         align === "left" && "text-left",
@@ -281,7 +287,8 @@ var Paragraph = (_a) => {
     addOverflow,
     children,
     as = "p",
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "className",
     "color",
@@ -291,13 +298,15 @@ var Paragraph = (_a) => {
     "addOverflow",
     "children",
     "as",
-    "id"
+    "id",
+    "testid"
   ]);
   const Element = as;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Element,
     __spreadProps(__spreadValues({
-      id
+      id,
+      "data-testid": testid
     }, props), {
       className: (0, import_clsx4.default)(
         typography.paragraph,
@@ -369,6 +378,7 @@ var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var MenuOption = ({
   id,
+  testid,
   children,
   disabled = false,
   variant = "normal",
@@ -442,6 +452,7 @@ var MenuOption = ({
       "div",
       __spreadProps(__spreadValues({
         id,
+        "data-testid": testid,
         ref: actualRef,
         className: (0, import_clsx5.default)(
           "flex items-center cursor-pointer w-full text-left relative outline-none",
@@ -510,6 +521,7 @@ var MenuOption = ({
       MenuOption,
       {
         id: id ? `${id}-back` : void 0,
+        testid: testid ? `${testid}-back` : void 0,
         onClick: () => {
           closeSubMenuLevel == null ? void 0 : closeSubMenuLevel(currentSubMenuLevel != null ? currentSubMenuLevel : 0);
         },
@@ -539,7 +551,7 @@ function highlightMatch(text, searchValue) {
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function NestedMenu(props) {
   var _a;
-  const { onMenuClick, currentMenu } = props;
+  const { onMenuClick, currentMenu, testid } = props;
   const [selectedIndex, setSelectedIndex] = (0, import_react5.useState)(0);
   useKeydown(
     {
@@ -586,6 +598,7 @@ function NestedMenu(props) {
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       MenuOption,
       {
+        testid: testid ? `${testid}-back` : void 0,
         variant: "action",
         before: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "chevron_left", className: "icon", size: 24 }),
         onClick: () => {
@@ -596,12 +609,13 @@ function NestedMenu(props) {
         children: currentMenu.previousMenu ? currentMenu.previousMenu.label : "Main Menu"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MenuOption, { variant: "action", children: (_a = currentMenu.title) != null ? _a : currentMenu.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MenuOption, { variant: "action", testid: testid ? `${testid}-title` : void 0, children: (_a = currentMenu.title) != null ? _a : currentMenu.label }),
     (currentMenu.subEntries || []).map((item, idx) => {
       var _a2;
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         MenuOption,
         {
+          testid: testid ? `${testid}-${item.label}` : void 0,
           variant: "normal",
           onClick: () => handleMenuClick(item),
           after: ((_a2 = item.subEntries) == null ? void 0 : _a2.length) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "chevron_right", className: "icon", size: 24 }),