@gympass/yoga 7.87.1 → 7.88.1

package/esm/Rating/web/Rating.test.js

@@ -1,132 +1,108 @@
-/* eslint-disable jsx-a11y/mouse-events-have-key-events */
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react';
-import { ThemeProvider } from '../..';
-import Rating from '.';
-describe('<Rating />', function () {
-  var originalOffsetWidth = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'offsetWidth');
-  beforeAll(function () {
-    Object.defineProperty(HTMLElement.prototype, 'offsetWidth', {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { render, fireEvent } from "@testing-library/react";
+import { ThemeProvider } from "../..";
+import Rating from ".";
+describe("<Rating />", () => {
+  const originalOffsetWidth = Object.getOwnPropertyDescriptor(
+    HTMLElement.prototype,
+    "offsetWidth"
+  );
+  beforeAll(() => {
+    Object.defineProperty(HTMLElement.prototype, "offsetWidth", {
       configurable: true,
-      value: 76 // 5 stars (5 * 12px + 4 * 4px gutter)
-
+      value: 76
+      // 5 stars (5 * 12px + 4 * 4px gutter)
     });
   });
-  afterAll(function () {
-    Object.defineProperty(HTMLElement.prototype, 'offsetWidth', originalOffsetWidth);
+  afterAll(() => {
+    Object.defineProperty(
+      HTMLElement.prototype,
+      "offsetWidth",
+      originalOffsetWidth
+    );
   });
-  describe('Snapshots', function () {
-    it('should match snapshot with Rating', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Rating, null))),
-          container = _render.container;
-
+  describe("Snapshots", () => {
+    it("should match snapshot with Rating", () => {
+      const { container } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Rating, {}) })
+      );
       expect(container).toMatchSnapshot();
     });
-    it('should match snapshot with different values', function () {
-      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Rating, {
-        value: 0
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 0.5
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 1
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 1.1
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 1.2
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 1.3
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 1.4
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 1.5
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 1.6
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 1.7
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 1.8
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 1.9
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 2
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 2.5
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 3
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 3.5
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 4
-      }), /*#__PURE__*/React.createElement(Rating, {
-        value: 4.5
-      }))),
-          container = _render2.container;
-
+    it("should match snapshot with different values", () => {
+      const { container } = render(
+        /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+          /* @__PURE__ */ jsx(Rating, { value: 0 }),
+          /* @__PURE__ */ jsx(Rating, { value: 0.5 }),
+          /* @__PURE__ */ jsx(Rating, { value: 1 }),
+          /* @__PURE__ */ jsx(Rating, { value: 1.1 }),
+          /* @__PURE__ */ jsx(Rating, { value: 1.2 }),
+          /* @__PURE__ */ jsx(Rating, { value: 1.3 }),
+          /* @__PURE__ */ jsx(Rating, { value: 1.4 }),
+          /* @__PURE__ */ jsx(Rating, { value: 1.5 }),
+          /* @__PURE__ */ jsx(Rating, { value: 1.6 }),
+          /* @__PURE__ */ jsx(Rating, { value: 1.7 }),
+          /* @__PURE__ */ jsx(Rating, { value: 1.8 }),
+          /* @__PURE__ */ jsx(Rating, { value: 1.9 }),
+          /* @__PURE__ */ jsx(Rating, { value: 2 }),
+          /* @__PURE__ */ jsx(Rating, { value: 2.5 }),
+          /* @__PURE__ */ jsx(Rating, { value: 3 }),
+          /* @__PURE__ */ jsx(Rating, { value: 3.5 }),
+          /* @__PURE__ */ jsx(Rating, { value: 4 }),
+          /* @__PURE__ */ jsx(Rating, { value: 4.5 })
+        ] })
+      );
       expect(container).toMatchSnapshot();
     });
-    it('should match snapshot with different icon quantity', function () {
-      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Rating, {
-        max: 3,
-        value: 0
-      }), /*#__PURE__*/React.createElement(Rating, {
-        max: 3,
-        value: 0.5
-      }), /*#__PURE__*/React.createElement(Rating, {
-        max: 3,
-        value: 1
-      }), /*#__PURE__*/React.createElement(Rating, {
-        max: 3,
-        value: 1.5
-      }), /*#__PURE__*/React.createElement(Rating, {
-        max: 3,
-        value: 2
-      }), /*#__PURE__*/React.createElement(Rating, {
-        max: 3,
-        value: 2.5
-      }), /*#__PURE__*/React.createElement(Rating, {
-        max: 3,
-        value: 3
-      }))),
-          container = _render3.container;
-
+    it("should match snapshot with different icon quantity", () => {
+      const { container } = render(
+        /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+          /* @__PURE__ */ jsx(Rating, { max: 3, value: 0 }),
+          /* @__PURE__ */ jsx(Rating, { max: 3, value: 0.5 }),
+          /* @__PURE__ */ jsx(Rating, { max: 3, value: 1 }),
+          /* @__PURE__ */ jsx(Rating, { max: 3, value: 1.5 }),
+          /* @__PURE__ */ jsx(Rating, { max: 3, value: 2 }),
+          /* @__PURE__ */ jsx(Rating, { max: 3, value: 2.5 }),
+          /* @__PURE__ */ jsx(Rating, { max: 3, value: 3 })
+        ] })
+      );
       expect(container).toMatchSnapshot();
     });
-    it('should match snapshot with different icon', function () {
-      var Circle = function Circle(props) {
-        return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("circle", {
-          cx: "12",
-          cy: "12",
-          r: "12"
-        }));
-      };
-
-      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Rating, {
-        icon: {
-          type: Circle
-        },
-        value: 0
-      }), /*#__PURE__*/React.createElement(Rating, {
-        icon: {
-          type: Circle
-        },
-        value: 1
-      }), /*#__PURE__*/React.createElement(Rating, {
-        icon: {
-          type: Circle
-        },
-        value: 2
-      }))),
-          container = _render4.container;
-
+    it("should match snapshot with different icon", () => {
+      const Circle = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "12" }) }));
+      const { container } = render(
+        /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+          /* @__PURE__ */ jsx(Rating, { icon: { type: Circle }, value: 0 }),
+          /* @__PURE__ */ jsx(Rating, { icon: { type: Circle }, value: 1 }),
+          /* @__PURE__ */ jsx(Rating, { icon: { type: Circle }, value: 2 })
+        ] })
+      );
       expect(container).toMatchSnapshot();
     });
-    it('should match snapshot when mouse over', function () {
-      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Rating, {
-        readOnly: false
-      }))),
-          container = _render5.container;
-
-      var firstChild = container.firstChild;
+    it("should match snapshot when mouse over", () => {
+      const { container } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Rating, { readOnly: false }) })
+      );
+      const { firstChild } = container;
       fireEvent.mouseMove(firstChild, {
         /** Each star has 12px. Gutter is 4px.
          * For the third star, we should set clentX > 32px and < 48px */
@@ -135,50 +111,38 @@ describe('<Rating />', function () {
       expect(container).toMatchSnapshot();
     });
   });
-  describe('Events', function () {
-    it('should call onRate when clicking', function () {
-      var onRateMock = jest.fn();
-
-      var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Rating, {
-        onRate: onRateMock,
-        readOnly: false
-      }))),
-          container = _render6.container;
-
-      var firstChild = container.firstChild;
+  describe("Events", () => {
+    it("should call onRate when clicking", () => {
+      const onRateMock = jest.fn();
+      const { container } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Rating, { onRate: onRateMock, readOnly: false }) })
+      );
+      const { firstChild } = container;
       fireEvent.mouseMove(firstChild, {
-        clientX: 40 // third star position
-
+        clientX: 40
+        // third star position
       });
       fireEvent.click(firstChild);
       expect(onRateMock).toHaveBeenCalled();
       expect(onRateMock).toHaveBeenCalledWith(3);
     });
-    it('should call onMouseOver callback', function () {
-      var onMouseOverMock = jest.fn();
-
-      var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Rating, {
-        onMouseOver: onMouseOverMock,
-        readOnly: false
-      }))),
-          container = _render7.container;
-
-      var firstChild = container.firstChild;
+    it("should call onMouseOver callback", () => {
+      const onMouseOverMock = jest.fn();
+      const { container } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Rating, { onMouseOver: onMouseOverMock, readOnly: false }) })
+      );
+      const { firstChild } = container;
       fireEvent.mouseOver(firstChild);
       expect(onMouseOverMock).toHaveBeenCalled();
     });
-    it('should call onMouseLeave callback', function () {
-      var onMouseLeaveMock = jest.fn();
-
-      var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Rating, {
-        onMouseLeave: onMouseLeaveMock,
-        readOnly: false
-      }))),
-          container = _render8.container;
-
-      var firstChild = container.firstChild;
+    it("should call onMouseLeave callback", () => {
+      const onMouseLeaveMock = jest.fn();
+      const { container } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Rating, { onMouseLeave: onMouseLeaveMock, readOnly: false }) })
+      );
+      const { firstChild } = container;
       fireEvent.mouseLeave(firstChild);
       expect(onMouseLeaveMock).toHaveBeenCalled();
     });
   });
-});
+});

package/esm/Rating/web/index.js

@@ -1,2 +1,5 @@
-import Rating from './Rating';
-export default Rating;
+import Rating from "./Rating";
+var web_default = Rating;
+export {
+  web_default as default
+};

package/esm/Result/Result.theme.js

@@ -1,5 +1,5 @@
-var Result = function Result() {
-  return {};
+const Result = () => ({});
+var Result_theme_default = Result;
+export {
+  Result_theme_default as default
 };
-
-export default Result;

package/esm/Result/index.native.js

@@ -1,8 +1,11 @@
-import Result from './native';
-import ResultDetails from './native/Details';
-import ResultButton from './native/ResultButton';
-import ResultTags from './native/Tags';
+import Result from "./native";
+import ResultDetails from "./native/Details";
+import ResultButton from "./native/ResultButton";
+import ResultTags from "./native/Tags";
 Result.Details = ResultDetails;
 Result.Button = ResultButton;
 Result.Tags = ResultTags;
-export default Result;
+var index_native_default = Result;
+export {
+  index_native_default as default
+};

package/esm/Result/native/Attendances.js

@@ -1,55 +1,54 @@
-var _templateObject, _templateObject2;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import { arrayOf, func, shape, string } from 'prop-types';
-import React from 'react';
-import styled from 'styled-components';
-import Box from '../../Box';
-import Text from '../../Text';
-import Rate from './Rate';
-import TinyTextIcon from './TinyTextIcon';
-var List = styled(Text.Tiny).attrs({
+import { jsx, jsxs } from "react/jsx-runtime";
+import { arrayOf, func, shape, string } from "prop-types";
+import React from "react";
+import styled from "styled-components";
+import Box from "../../Box";
+import Text from "../../Text";
+import Rate from "./Rate";
+import TinyTextIcon from "./TinyTextIcon";
+const List = styled(Text.Tiny).attrs({
   numberOfLines: 1,
-  variant: 'deep'
-})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  flex: 1;\n"])));
-var ItemSeparator = styled(Box).attrs({
-  width: 'xxxsmall',
-  height: 'zero'
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose([""])));
-
-var Attendances = function Attendances(_ref) {
-  var attendances = _ref.attendances,
-      rate = _ref.rate;
-  return /*#__PURE__*/React.createElement(Box, {
+  variant: "deep"
+})`
+  flex: 1;
+`;
+const ItemSeparator = styled(Box).attrs({
+  width: "xxxsmall",
+  height: "zero"
+})``;
+const Attendances = ({ attendances, rate }) => /* @__PURE__ */ jsxs(
+  Box,
+  {
     display: "flex",
     width: "100%",
     alignItems: "center",
     justifyContent: "center",
     flexDirection: "row",
-    mb: "xxxsmall"
-  }, /*#__PURE__*/React.createElement(List, null, attendances.map(function (_ref2) {
-    var description = _ref2.description,
-        icon = _ref2.icon;
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: description
-    }, /*#__PURE__*/React.createElement(TinyTextIcon, {
-      as: icon,
-      fill: "deep"
-    }), /*#__PURE__*/React.createElement(ItemSeparator, null), description, /*#__PURE__*/React.createElement(ItemSeparator, null));
-  })), rate && /*#__PURE__*/React.createElement(Rate, {
-    rate: rate
-  }));
-};
-
+    mb: "xxxsmall",
+    children: [
+      /* @__PURE__ */ jsx(List, { children: attendances.map(({ description, icon }) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsx(TinyTextIcon, { as: icon, fill: "deep" }),
+        /* @__PURE__ */ jsx(ItemSeparator, {}),
+        description,
+        /* @__PURE__ */ jsx(ItemSeparator, {})
+      ] }, description)) }),
+      rate && /* @__PURE__ */ jsx(Rate, { rate })
+    ]
+  }
+);
 Attendances.propTypes = {
-  attendances: arrayOf(shape({
-    description: string,
-    icon: func
-  })).isRequired,
+  attendances: arrayOf(
+    shape({
+      description: string,
+      icon: func
+    })
+  ).isRequired,
   rate: string
 };
 Attendances.defaultProps = {
-  rate: undefined
+  rate: void 0
+};
+var Attendances_default = Attendances;
+export {
+  Attendances_default as default
 };
-export default Attendances;

package/esm/Result/native/Details.js

@@ -1,97 +1,130 @@
-var _excluded = ["icon", "variant"];
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import { arrayOf, number, shape, bool, func, oneOfType, node, string } from 'prop-types';
-import styled from 'styled-components';
-import Text from '../../Text';
-import Box from '../../Box';
-import TinyTextIcon from './TinyTextIcon';
-var Container = styled(Text.Tiny)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: ", "px;\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.yoga.spacing.small;
-});
-var Separator = styled(Box).attrs({
-  width: 'xxxsmall',
-  height: 'xxxsmall'
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose([""])));
-var StyledText = styled(Text.Tiny)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var xxxsmall = _ref2.theme.yoga.spacing.xxxsmall;
-  return "\n    margin-left: " + xxxsmall + "px;\n    margin-right: " + xxxsmall + "px;\n  ";
-});
-
-var ResultDetails = function ResultDetails(_ref3) {
-  var items = _ref3.items,
-      limit = _ref3.limit,
-      limitLabel = _ref3.limitLabel,
-      dots = _ref3.dots,
-      Item = _ref3.renderItem;
-  var refinedList = limit !== 0 ? items.slice(0, limit) : items;
-  var numberOfItemsLeft = items.length - limit;
-  return /*#__PURE__*/React.createElement(Box, {
-    flexDirection: "row",
-    alignItems: "center",
-    mt: "xxxsmall"
-  }, /*#__PURE__*/React.createElement(Container, {
-    numberOfLines: 1
-  }, refinedList == null ? void 0 : refinedList.map(function (_ref4, index) {
-    var IconComponent = _ref4.icon,
-        variant = _ref4.variant,
-        props = _objectWithoutPropertiesLoose(_ref4, _excluded);
-
-    var isLastItem = index === refinedList.length - 1;
-    var showNumbersOfItemsLeft = isLastItem && limit !== 0 && limit < items.length;
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/no-array-index-key
-      React.createElement(React.Fragment, {
-        key: index
-      }, IconComponent && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TinyTextIcon, {
-        as: IconComponent,
-        fill: variant
-      }), /*#__PURE__*/React.createElement(Separator, null)), /*#__PURE__*/React.createElement(Item, _extends({
-        variant: variant
-      }, props)), !isLastItem && (dots ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement(StyledText, {
-        variant: variant
-      }, "\u2022"), /*#__PURE__*/React.createElement(Separator, null)) : /*#__PURE__*/React.createElement(Separator, null)), showNumbersOfItemsLeft && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement(StyledText, {
-        variant: variant
-      }, "+ ", numberOfItemsLeft, !!limitLabel && " " + limitLabel), /*#__PURE__*/React.createElement(Separator, null)))
-    );
-  })));
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
 };
-
-ResultDetails.displayName = 'Result.Details';
+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;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import {
+  arrayOf,
+  number,
+  shape,
+  bool,
+  func,
+  oneOfType,
+  node,
+  string
+} from "prop-types";
+import styled from "styled-components";
+import Text from "../../Text";
+import Box from "../../Box";
+import TinyTextIcon from "./TinyTextIcon";
+const Container = styled(Text.Tiny)`
+  flex: 1;
+  height: ${({ theme }) => theme.yoga.spacing.small}px;
+`;
+const Separator = styled(Box).attrs({
+  width: "xxxsmall",
+  height: "xxxsmall"
+})``;
+const StyledText = styled(Text.Tiny)`
+  ${({
+  theme: {
+    yoga: {
+      spacing: { xxxsmall }
+    }
+  }
+}) => `
+    margin-left: ${xxxsmall}px;
+    margin-right: ${xxxsmall}px;
+  `}
+`;
+const ResultDetails = ({
+  items,
+  limit,
+  limitLabel,
+  dots,
+  renderItem: Item
+}) => {
+  const refinedList = limit !== 0 ? items.slice(0, limit) : items;
+  const numberOfItemsLeft = items.length - limit;
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "row", alignItems: "center", mt: "xxxsmall", children: /* @__PURE__ */ jsx(Container, { numberOfLines: 1, children: refinedList == null ? void 0 : refinedList.map(
+    (_a, index) => {
+      var _b = _a, { icon: IconComponent, variant } = _b, props = __objRest(_b, ["icon", "variant"]);
+      const isLastItem = index === refinedList.length - 1;
+      const showNumbersOfItemsLeft = isLastItem && limit !== 0 && limit < items.length;
+      return (
+        // eslint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          IconComponent && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(TinyTextIcon, { as: IconComponent, fill: variant }),
+            /* @__PURE__ */ jsx(Separator, {})
+          ] }),
+          /* @__PURE__ */ jsx(Item, __spreadValues({ variant }, props)),
+          !isLastItem && (dots ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx(StyledText, { variant, children: "\u2022" }),
+            /* @__PURE__ */ jsx(Separator, {})
+          ] }) : /* @__PURE__ */ jsx(Separator, {})),
+          showNumbersOfItemsLeft && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsxs(StyledText, { variant, children: [
+              "+ ",
+              numberOfItemsLeft,
+              !!limitLabel && ` ${limitLabel}`
+            ] }),
+            /* @__PURE__ */ jsx(Separator, {})
+          ] })
+        ] }, index)
+      );
+    }
+  ) }) });
+};
+ResultDetails.displayName = "Result.Details";
 ResultDetails.propTypes = {
   /** Props to be passed to each component at `renderItem` */
   items: arrayOf(shape({})).isRequired,
-
   /** If has limit of items to show in component.Other with show with + 4 for
    * example
    * */
   limit: number,
-
   /** If is necessary show a label after the limit.Example + 4 activities */
   limitLabel: string,
-
   /** If shows the dot separator between the itens */
   dots: bool,
-
   /** The component to render as the item of the list. */
-  renderItem: oneOfType([node, func, shape({
-    render: func.isRequired
-  })])
+  renderItem: oneOfType([node, func, shape({ render: func.isRequired })])
 };
 ResultDetails.defaultProps = {
-  limit: undefined,
-  limitLabel: '',
+  limit: void 0,
+  limitLabel: "",
   dots: false,
   renderItem: Text.Tiny
 };
-export default ResultDetails;
+var Details_default = ResultDetails;
+export {
+  Details_default as default
+};