@cypress-design/react-testresult 0.0.2

package/dist/index.umd.js

@@ -0,0 +1,864 @@
+'use strict';
+
+var React = require('react');
+var clsx = require('clsx');
+var iconsRegistry = require('@cypress-design/icon-registry');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var iconsRegistry__namespace = /*#__PURE__*/_interopNamespaceDefault(iconsRegistry);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+var __assign$3 = function() {
+    __assign$3 = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign$3.apply(this, arguments);
+};
+
+function __rest$3(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+const classes = {
+    container: 'box-border relative hover:z-10 hover:outline outline-[3px] outline-gray-50 transition-all rounded-[1px] mix-blend-darken @container/test-result my-[-1px]',
+    row: 'box-border flex flex-col flex-nowrap items-stretch gap-y-[16px] p-[11px] border border-gray-100 hover:border-gray-300 transition-all cursor-pointer justify-start items-center @xl/test-result:px-[15px]',
+    list: 'box-border flex justify-start items-center flex-nowrap w-[100%] h-[100%] @xl/test-result:h-[32px] gap-x-[8px]',
+    icon: 'box-border h-[16px] w-[16px]',
+    status_icon: 'align-top',
+    name: {
+        container: {
+            column: 'box-border flex flex-nowrap flex-col @xl/test-result:flex-row gap-x-[4px] @xl/test-result:items-center shrink grow h-[100%] overflow-hidden',
+            describes: 'box-border flex flex-nowrap gap-x-[2px] @xl/test-result:gap-x-[4px] items-center overflow-hidden text-ellipsis grow @xl/test-result:grow-0 @xl/test-result:shrink-[2] text-[14px] @xl/test-result:text-[16px] text-gray-700',
+            it: 'box-border flex flex-nowrap items-center overflow-hidden grow @xl/test-result:grow-0 @xl/test-result:shrink text-gray-1000 @xl/test-result:text-gray-700',
+        },
+        item: {
+            base: 'box-border @xl/test-result:w-[max-content] min-w-[16px] h-[20px] @xl/test-result:h-[24px] gap-x-[8px] max-w-[max-content]',
+            first: 'shrink basis-[max-content]',
+            middle: 'shrink-[900000] basis-auto',
+            last: 'flex shrink grow basis-[100%] w-[100%] @xl/test-result:shrink @xl/test-result:basis-[max-content]',
+            text: {
+                base: 'box-border relative inline-block w-[100%] shrink max-w-max whitespace-nowrap overflow-hidden text-ellipsis min-w-[16px] leading-[18px] @xl/test-result:leading-[24px]',
+                it: ' @xl/test-result:[direction:rtl] pr-[8px]',
+            },
+        },
+    },
+    attribute: {
+        container: 'box-border flex items-center grow gap-x-[6px]',
+    },
+    chevron: {
+        container: 'relative text-gray-300 shrink-0 top-[-3px] @xl/test-result:top-0',
+    },
+    button: {
+        container: 'shrink-0 flex flex-nowrap items-center gap-x-[8px] justify-end',
+    },
+    group: {
+        container: 'pb-[4px] empty:hidden',
+    },
+};
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+var __assign$1 = function() {
+    __assign$1 = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign$1.apply(this, arguments);
+};
+
+function __rest$1(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * This "const" is used to create the list of statuses
+ */
+const constStatuses = {
+    running: {
+        // <tw-keep strokeColor="indigo-400" />
+        color: 'indigo-400',
+        use: 'Runs, specs, groups, test results',
+        variants: ['outline'],
+        // <tw-keep fillColor="gray-100" />
+        secondaryColor: 'gray-100',
+    },
+    failing: {
+        // <tw-keep strokeColor="red-400" />
+        color: 'red-400',
+        use: 'Runs, specs, groups, test results',
+        variants: ['outline'],
+        // <tw-keep fillColor="gray-100" />
+        secondaryColor: 'gray-100',
+    },
+    passed: {
+        // <tw-keep strokeColor="jade-400" />
+        color: 'jade-400',
+        use: 'Runs, specs, groups, test results',
+        link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Passed',
+        variants: ['outline', 'simple', 'solid'],
+    },
+    failed: {
+        // <tw-keep strokeColor="red-400" />
+        color: 'red-400',
+        use: 'Runs, specs, groups, test results',
+        link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Failed',
+        variants: ['outline', 'simple', 'solid'],
+    },
+    unclaimed: {
+        // <tw-keep strokeColor="gray-100" />
+        color: 'gray-100',
+        use: 'Specs',
+        variants: ['outline'],
+    },
+    placeholder: {
+        // <tw-keep strokeColor="gray-300" />
+        color: 'gray-300',
+        use: 'Placeholder',
+        variants: ['solid'],
+    },
+    cancelled: {
+        // <tw-keep strokeColor="gray-300" />
+        color: 'gray-300',
+        use: 'Runs, specs, groups, test results',
+        variants: ['outline', 'solid'],
+    },
+    noTests: {
+        // <tw-keep strokeColor="orange-400" />
+        color: 'orange-400',
+        use: 'Runs, specs, groups',
+        variants: ['outline', 'solid'],
+    },
+    errored: {
+        // <tw-keep strokeColor="orange-400" />
+        color: 'orange-400',
+        use: 'Runs, specs, groups, test results',
+        variants: ['outline', 'solid'],
+    },
+    timedOut: {
+        // <tw-keep strokeColor="orange-400" />
+        color: 'orange-400',
+        use: 'Runs, specs, groups, test results',
+        variants: ['outline', 'solid'],
+    },
+    overLimit: {
+        // <tw-keep strokeColor="orange-400" />
+        color: 'orange-400',
+        use: 'Runs, specs, groups',
+        link: 'https://docs.cypress.io/faq/questions/dashboard-faq#What-happens-once-I-reach-the-test-results-limit',
+        variants: ['outline', 'solid'],
+    },
+    skipped: {
+        // <tw-keep strokeColor="gray-400" />
+        color: 'gray-400',
+        use: 'Test results',
+        link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Skipped',
+        variants: ['outline'],
+    },
+    pending: {
+        // <tw-keep strokeColor="gray-300" />
+        color: 'gray-300',
+        use: 'Test results',
+        link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Pending',
+        variants: ['outline'],
+    },
+};
+/**
+ * The status we have here, allow us to check the validity of the constant
+ */
+const statuses$3 = constStatuses;
+
+const statuses$2 = {
+    running: {
+        size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
+        size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
+        size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
+        size16Icon: iconsRegistry.cyStatusRunningOutlineX16,
+        size24Icon: iconsRegistry.cyStatusRunningOutlineX24,
+    },
+    failing: {
+        size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
+        size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
+        size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
+        size16Icon: iconsRegistry.cyStatusFailingOutlineX16,
+        size24Icon: iconsRegistry.cyStatusFailingOutlineX24,
+    },
+    passed: {
+        size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
+        size16Icon: iconsRegistry.cyStatusPassedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusPassedOutlineX24,
+    },
+    failed: {
+        size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
+        size16Icon: iconsRegistry.cyStatusFailedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusFailedOutlineX24,
+    },
+    unclaimed: {
+        size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
+        size16Icon: iconsRegistry.cyStatusQueuedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusQueuedOutlineX24,
+    },
+    placeholder: {
+        size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
+        size16Icon: iconsRegistry.cyStatusPlaceholderSolidX16,
+        size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24,
+    },
+    cancelled: {
+        size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
+        size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
+        size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
+        size16Icon: iconsRegistry.cyStatusCancelledOutlineX16,
+        size24Icon: iconsRegistry.cyStatusCancelledOutlineX24,
+    },
+    noTests: {
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredOutlineX16,
+        size24Icon: iconsRegistry.cyStatusErroredOutlineX24,
+    },
+    errored: {
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredOutlineX16,
+        size24Icon: iconsRegistry.cyStatusErroredOutlineX24,
+    },
+    timedOut: {
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredOutlineX16,
+        size24Icon: iconsRegistry.cyStatusErroredOutlineX24,
+    },
+    overLimit: {
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredOutlineX16,
+        size24Icon: iconsRegistry.cyStatusErroredOutlineX24,
+    },
+    skipped: {
+        size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
+        size16Icon: iconsRegistry.cyStatusSkippedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusSkippedOutlineX24,
+    },
+    pending: {
+        size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
+        size16Icon: iconsRegistry.cyStatusPendingOutlineX16,
+        size24Icon: iconsRegistry.cyStatusPendingOutlineX24,
+    },
+};
+
+const statuses$1 = {
+    running: {
+        size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
+        size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
+        size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
+        size16Icon: iconsRegistry.cyStatusRunningOutlineX16,
+        size24Icon: iconsRegistry.cyStatusRunningOutlineX24,
+    },
+    failing: {
+        size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
+        size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
+        size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
+        size16Icon: iconsRegistry.cyStatusFailingOutlineX16,
+        size24Icon: iconsRegistry.cyStatusFailingOutlineX24,
+    },
+    passed: {
+        size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
+        size16Icon: iconsRegistry.cyStatusPassedSimpleX16,
+        size24Icon: iconsRegistry.cyStatusPassedSimpleX24,
+    },
+    failed: {
+        size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
+        size16Icon: iconsRegistry.cyStatusFailedSimpleX16,
+        size24Icon: iconsRegistry.cyStatusFailedSimpleX24,
+    },
+    unclaimed: {
+        size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
+        size16Icon: iconsRegistry.cyStatusQueuedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusQueuedOutlineX24,
+    },
+    placeholder: {
+        size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
+        size16Icon: iconsRegistry.cyStatusPlaceholderSolidX16,
+        size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24,
+    },
+    cancelled: {
+        size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
+        size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
+        size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
+        size16Icon: iconsRegistry.cyStatusCancelledSolidX16,
+        size24Icon: iconsRegistry.cyStatusCancelledSolidX24,
+    },
+    noTests: {
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
+    },
+    errored: {
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
+    },
+    timedOut: {
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
+    },
+    overLimit: {
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
+    },
+    skipped: {
+        size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
+        size16Icon: iconsRegistry.cyStatusSkippedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusSkippedOutlineX24,
+    },
+    pending: {
+        size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
+        size16Icon: iconsRegistry.cyStatusPendingOutlineX16,
+        size24Icon: iconsRegistry.cyStatusPendingOutlineX24,
+    },
+};
+
+const statuses = {
+    running: {
+        size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
+        size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
+        size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
+        size16Icon: iconsRegistry.cyStatusRunningOutlineX16,
+        size24Icon: iconsRegistry.cyStatusRunningOutlineX24,
+    },
+    failing: {
+        size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
+        size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
+        size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
+        size16Icon: iconsRegistry.cyStatusFailingOutlineX16,
+        size24Icon: iconsRegistry.cyStatusFailingOutlineX24,
+    },
+    passed: {
+        size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
+        size16Icon: iconsRegistry.cyStatusPassedSolidX16,
+        size24Icon: iconsRegistry.cyStatusPassedSolidX24,
+    },
+    failed: {
+        size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
+        size16Icon: iconsRegistry.cyStatusFailedSolidX16,
+        size24Icon: iconsRegistry.cyStatusFailedSolidX24,
+    },
+    unclaimed: {
+        size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
+        size16Icon: iconsRegistry.cyStatusQueuedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusQueuedOutlineX24,
+    },
+    placeholder: {
+        size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
+        size16Icon: iconsRegistry.cyStatusPlaceholderSolidX16,
+        size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24,
+    },
+    cancelled: {
+        size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
+        size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
+        size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
+        size16Icon: iconsRegistry.cyStatusCancelledSolidX16,
+        size24Icon: iconsRegistry.cyStatusCancelledSolidX24,
+    },
+    noTests: {
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
+    },
+    errored: {
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
+    },
+    timedOut: {
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
+    },
+    overLimit: {
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24,
+    },
+    skipped: {
+        size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
+        size16Icon: iconsRegistry.cyStatusSkippedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusSkippedOutlineX24,
+    },
+    pending: {
+        size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
+        size16Icon: iconsRegistry.cyStatusPendingOutlineX16,
+        size24Icon: iconsRegistry.cyStatusPendingOutlineX24,
+    },
+};
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+var __assign$2 = function() {
+    __assign$2 = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign$2.apply(this, arguments);
+};
+
+function __rest$2(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var compileReactIconProperties$1 = function (_a) {
+    var body = _a.body, defs = _a.defs, compiledClasses = _a.compiledClasses, size = _a.size, name = _a.name, attributes = __rest$2(_a, ["body", "defs", "compiledClasses", "size", "name"]);
+    var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
+        if (!iconsRegistry.ICON_COLOR_PROP_NAMES.includes(attrName) &&
+            attrName !== 'name') {
+            // @ts-expect-error the ky of React's SVGProps is too broad and
+            // breaks here. Since we do not need to check for it. We keep the expect error
+            newAttributes[attrName] =
+                attributes[attrName];
+        }
+        return newAttributes;
+    }, {});
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    React__namespace.useEffect(function () {
+        var iconFileId = "".concat(name, "_").concat(size);
+        if (defs) {
+            if (document.querySelector("[data-cy-svg-defs=\"".concat(iconFileId, "\"]"))) {
+                return;
+            }
+            var svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+            svgElement.setAttribute('data-cy-svg-defs', iconFileId);
+            svgElement.setAttribute('width', '0');
+            svgElement.setAttribute('height', '0');
+            svgElement.innerHTML = defs;
+            document.body.appendChild(svgElement);
+        }
+    }, [defs, name, size]);
+    var componentProps = __assign$2({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
+            __html: body,
+        }, className: undefined }, filteredAttributes);
+    if (attributes.className) {
+        compiledClasses.push(attributes.className);
+    }
+    if (compiledClasses.length) {
+        componentProps.className = compiledClasses.join(' ');
+    }
+    return componentProps;
+};
+
+
+/* <wind-keep class="filter icon-light-secondary icon-dark-secondary"> */
+
+var compileProps = function (_a) {
+    var status = _a.status, statuses = _a.statuses, className = _a.className, size = _a.size, variantName = _a.variantName;
+    var statusInfo = status ? statuses[status] : statuses.placeholder;
+    var iconInfo = status ? statuses$3[status] : statuses$3.placeholder;
+    var iconData = statusInfo["size".concat(size, "Icon")].data;
+    var classes = "inline-block ".concat(className || '');
+    var compiledClasses = iconsRegistry.getComponentAttributes({
+        strokeColor: iconInfo.color,
+        size: size,
+        availableSizes: [size],
+        fillColor: iconInfo.secondaryColor,
+    }).compiledClasses;
+    return compileReactIconProperties$1({
+        body: iconData,
+        compiledClasses: __spreadArray(__spreadArray([], compiledClasses, true), [classes], false),
+        size: size,
+        name: "status_".concat(status, "_").concat(size, "_").concat(variantName),
+    });
+};
+
+var OutlineStatusIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
+    return React__namespace.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
+        status: status,
+        statuses: statuses$2,
+        className: rest.className,
+        size: size,
+        variantName: 'outline',
+    })));
+};
+
+var SimpleStatusIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
+    return React__namespace.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
+        status: status,
+        statuses: statuses$1,
+        className: rest.className,
+        size: size,
+        variantName: 'simple',
+    })));
+};
+
+var SolidStatusIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
+    return React__namespace.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
+        status: status,
+        statuses: statuses,
+        className: rest.className,
+        size: size,
+        variantName: 'solid',
+    })));
+};
+
+var StatusIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '24' : _b, status = _a.status, _c = _a.variant, variant = _c === void 0 ? 'simple' : _c, rest = __rest$1(_a, ["size", "status", "variant"]);
+    if (variant === 'outline') {
+        return React__namespace.createElement(OutlineStatusIcon, __assign$1({ size: size, status: status }, rest));
+    }
+    if (variant === 'simple') {
+        return React__namespace.createElement(SimpleStatusIcon, __assign$1({ size: size, status: status }, rest));
+    }
+    return React__namespace.createElement(SolidStatusIcon, __assign$1({ size: size, status: status }, rest));
+};
+
+
+/* <wind-keep class="outline inline-block icon-dark-indigo-400 icon-light-gray-100 icon-dark-red-400 icon-dark-jade-400 icon-dark-gray-100 icon-dark-gray-300 icon-dark-orange-400 icon-dark-gray-400"> */
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var compileReactIconProperties = function (_a) {
+    var body = _a.body, defs = _a.defs, compiledClasses = _a.compiledClasses, size = _a.size, name = _a.name, attributes = __rest(_a, ["body", "defs", "compiledClasses", "size", "name"]);
+    var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
+        if (!iconsRegistry.ICON_COLOR_PROP_NAMES.includes(attrName) &&
+            attrName !== 'name') {
+            // @ts-expect-error the ky of React's SVGProps is too broad and
+            // breaks here. Since we do not need to check for it. We keep the expect error
+            newAttributes[attrName] =
+                attributes[attrName];
+        }
+        return newAttributes;
+    }, {});
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    React__namespace.useEffect(function () {
+        var iconFileId = "".concat(name, "_").concat(size);
+        if (defs) {
+            if (document.querySelector("[data-cy-svg-defs=\"".concat(iconFileId, "\"]"))) {
+                return;
+            }
+            var svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+            svgElement.setAttribute('data-cy-svg-defs', iconFileId);
+            svgElement.setAttribute('width', '0');
+            svgElement.setAttribute('height', '0');
+            svgElement.innerHTML = defs;
+            document.body.appendChild(svgElement);
+        }
+    }, [defs, name, size]);
+    var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
+            __html: body,
+        }, className: undefined }, filteredAttributes);
+    if (attributes.className) {
+        compiledClasses.push(attributes.className);
+    }
+    if (compiledClasses.length) {
+        componentProps.className = compiledClasses.join(' ');
+    }
+    return componentProps;
+};
+
+function useIconProps(props, iconBodiesAndDefs, availableSizes, name) {
+    var interactiveColorsOnGroup = props.interactiveColorsOnGroup, cleanProps = __rest(props, ["interactiveColorsOnGroup"]);
+    var _a = iconsRegistry__namespace.getComponentAttributes(__assign(__assign({}, cleanProps), { availableSizes: availableSizes, interactiveColorsOnGroup: interactiveColorsOnGroup })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
+    var _b = iconBodiesAndDefs[size] || {}, body = _b.body, defs = _b.defs;
+    if (!body) {
+        throw Error("Icon \"".concat(name, "\" is not available in size ").concat(size));
+    }
+    return compileReactIconProperties(__assign(__assign({}, cleanProps), { name: name, size: size, body: body, defs: defs, compiledClasses: compiledClasses }));
+}
+var IconChevronRightSmall = function (props) { return React__namespace.createElement('svg', useIconProps(props, {
+    "8": {
+        "body": "<path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m2.5 1 3 3-3 3\" class=\"icon-dark\"/>"
+    },
+    "16": {
+        "body": "<path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 12 4-4-4-4\" class=\"icon-dark\"/>"
+    }
+}, ["8", "16"], "chevron-right-small")); };
+var IconDocumentAddedSquarePlus = function (props) { return React__namespace.createElement('svg', useIconProps(props, {
+    "16": {
+        "body": "<path fill=\"#E4FBF2\" d=\"M2 12V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2\" class=\"icon-light\"/><path stroke=\"#1FA971\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 6v4m2-2H6m6-6H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2\" class=\"icon-dark\"/>"
+    },
+    "24": {
+        "body": "<path fill=\"#E4FBF2\" d=\"M3 18V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3\" class=\"icon-light\"/><path stroke=\"#1FA971\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v8m4-4H8m10-9H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3\" class=\"icon-dark\"/>"
+    }
+}, ["16", "24"], "document-added-square-plus")); };
+var IconDocumentModifiedSquareDot = function (props) { return React__namespace.createElement('svg', useIconProps(props, {
+    "16": {
+        "body": "<path fill=\"#F5F4D7\" d=\"M9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" class=\"icon-light\"/><path fill=\"#F5F4D7\" fill-rule=\"evenodd\" d=\"M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm4 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2\" class=\"icon-light\" clip-rule=\"evenodd\"/><path stroke=\"#DB7903\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" class=\"icon-dark\"/><path stroke=\"#DB7903\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm4 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2\" class=\"icon-dark\" clip-rule=\"evenodd\"/>"
+    },
+    "24": {
+        "body": "<path fill=\"#DB7903\" d=\"M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0\" class=\"icon-dark\"/><path fill=\"#F5F4D7\" fill-rule=\"evenodd\" d=\"M6 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3zm6 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4\" class=\"icon-light\" clip-rule=\"evenodd\"/><path stroke=\"#DB7903\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0\" class=\"icon-dark\"/><path stroke=\"#DB7903\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3zm6 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4\" class=\"icon-dark\" clip-rule=\"evenodd\"/>"
+    }
+}, ["16", "24"], "document-modified-square-dot")); };
+var IconStatusFlaky = function (props) { return React__namespace.createElement('svg', useIconProps(props, {
+    "16": {
+        "body": "<path fill=\"#F5F4D7\" d=\"M1 12V4a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3\" class=\"icon-light\"/><path stroke=\"#963F00\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.5 5h-3v3.5m0 2.5V8.5m0 0h2\" class=\"icon-dark\"/>"
+    },
+    "24": {
+        "body": "<path fill=\"#F5F4D7\" d=\"M2 18V6a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4\" class=\"icon-light\"/><path stroke=\"#963F00\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 8h-4v4.5m0 3.5v-3.5m0 0h3\" class=\"icon-dark\"/>"
+    }
+}, ["16", "24"], "status-flaky")); };
+
+
+/* <wind-keep class="filter icon-light-secondary icon-dark-secondary"> */
+
+var TestResult = function (_a) {
+    var status = _a.status, names = _a.names, flaky = _a.flaky, modified = _a.modified, added = _a.added, className = _a.className, groups = _a.groups, children = _a.children, rest = __rest$3(_a, ["status", "names", "flaky", "modified", "added", "className", "groups", "children"]);
+    return (React__namespace.createElement("div", __assign$3({ "data-cy": "cd-tr-container" }, rest, { className: clsx(classes.container, className) }),
+        React__namespace.createElement("div", { "data-cy": "cd-tr-row", className: classes.row },
+            React__namespace.createElement("div", { "data-cy": "cd-tr-list", className: classes.list },
+                React__namespace.createElement("div", { "data-cy": "cd-tr-icon", className: classes.icon },
+                    React__namespace.createElement(StatusIcon, { size: "16", variant: "solid", status: status, className: classes.status_icon })),
+                React__namespace.createElement("div", { "data-cy": "cd-tr-name-container-column", className: classes.name.container.column },
+                    names.slice(0, -1).length > 0 && (React__namespace.createElement("div", { "data-cy": "cd-tr-name-container-describes", className: classes.name.container.describes }, names.slice(0, -1).map(function (name, index) {
+                        var _a;
+                        return (React__namespace.createElement(React__namespace.Fragment, { key: index },
+                            React__namespace.createElement("div", { "data-cy": "cd-tr-name-item", className: clsx((_a = {},
+                                    _a[classes.name.item.base] = true,
+                                    _a[classes.name.item.first] = names.length >= 2 && index === 0,
+                                    _a[classes.name.item.middle] = names.length >= 2 &&
+                                        index > 0 &&
+                                        index < names.length - 1,
+                                    _a)) },
+                                React__namespace.createElement("span", { "data-cy": "cd-tr-name-item-text", className: classes.name.item.text.base }, name)),
+                            index < names.length - 1 && (React__namespace.createElement("div", { "data-cy": "cd-tr-chevron", className: classes.chevron.container },
+                                React__namespace.createElement(IconChevronRightSmall, { strokeColor: "gray-200", className: "mt-[2px]" })))));
+                    }))),
+                    React__namespace.createElement("div", { "data-cy": "cd-tr-name-container-it", className: classes.name.container.it },
+                        React__namespace.createElement("span", { "data-cy": "cd-tr-name-item-text", className: [
+                                classes.name.item.text.base,
+                                classes.name.item.text.it,
+                            ].join(' ') }, names.at(-1)),
+                        (flaky || modified || added) && (React__namespace.createElement("div", { "data-cy": "cd-tr-attributes", className: classes.attribute.container },
+                            flaky && React__namespace.createElement(IconStatusFlaky, { "data-cy": "cd-tr-flaky" }),
+                            modified && (React__namespace.createElement(IconDocumentModifiedSquareDot, { "data-cy": "cd-tr-modified" })),
+                            added && (React__namespace.createElement(IconDocumentAddedSquarePlus, { "data-cy": "cd-tr-added" })))))),
+                children ? (React__namespace.createElement("div", { "data-cy": "cd-tr-actions", className: classes.button.container }, children)) : null),
+            groups ? (React__namespace.createElement("div", { "data-cy": "cd-tr-group-container", className: classes.group.container }, groups)) : null)));
+};
+
+module.exports = TestResult;
+//# sourceMappingURL=index.umd.js.map
+
+/* <wind-keep class="container mt-[2px] box-border relative hover:z-10 hover:outline outline-[3px] outline-gray-50 transition-all rounded-[1px] mix-blend-darken my-[-1px] flex flex-col flex-nowrap items-stretch gap-y-[16px] p-[11px] border border-gray-100 hover:border-gray-300 cursor-pointer justify-start items-center @xl/test-result:px-[15px] w-[100%] h-[100%] @xl/test-result:h-[32px] gap-x-[8px] h-[16px] w-[16px] align-top @xl/test-result:flex-row gap-x-[4px] @xl/test-result:items-center shrink grow overflow-hidden gap-x-[2px] @xl/test-result:gap-x-[4px] text-ellipsis @xl/test-result:grow-0 @xl/test-result:shrink-[2] text-[14px] @xl/test-result:text-[16px] text-gray-700 @xl/test-result:shrink text-gray-1000 @xl/test-result:text-gray-700 @xl/test-result:w-[max-content] min-w-[16px] h-[20px] @xl/test-result:h-[24px] max-w-[max-content] basis-[max-content] shrink-[900000] basis-auto basis-[100%] @xl/test-result:basis-[max-content] inline-block max-w-max whitespace-nowrap leading-[18px] @xl/test-result:leading-[24px] @xl/test-result:[direction:rtl] pr-[8px] gap-x-[6px] text-gray-300 shrink-0 top-[-3px] @xl/test-result:top-0 justify-end pb-[4px] empty:hidden truncate @container/test-result"> */