@gympass/yoga 7.87.1 → 7.88.1

package/esm/Accordion/web/Content.js

@@ -1,11 +1,19 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-var Content = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var accordion = _ref.theme.yoga.components.accordion;
-  return "\n      padding: 0 " + accordion.padding.standard + "px " + accordion.padding.standard + "px;\n    ";
-});
-Content.displayName = 'Accordion.Content';
-export default Content;
+import styled from "styled-components";
+const Content = styled.div`
+  ${({
+  theme: {
+    yoga: {
+      components: { accordion }
+    }
+  }
+}) => {
+  return `
+      padding: 0 ${accordion.padding.standard}px ${accordion.padding.standard}px;
+    `;
+}}
+`;
+Content.displayName = "Accordion.Content";
+var Content_default = Content;
+export {
+  Content_default as default
+};

package/esm/Accordion/web/Small.js

@@ -1,14 +1,31 @@
-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); }
-
-import React from 'react';
-import Accordion from './Accordion';
-
+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 } from "react/jsx-runtime";
+import React from "react";
+import Accordion from "./Accordion";
 function AccordionSmall(props) {
-  return /*#__PURE__*/React.createElement(Accordion, _extends({}, props, {
-    small: true
-  }));
+  return /* @__PURE__ */ jsx(Accordion, __spreadProps(__spreadValues({}, props), { small: true }));
 }
-
 AccordionSmall.propTypes = Accordion.propTypes;
 AccordionSmall.defaultProps = Accordion.defaultProps;
-export default AccordionSmall;
+var Small_default = AccordionSmall;
+export {
+  Small_default as default
+};

package/esm/Accordion/web/Summary.js

@@ -1,13 +1,27 @@
-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); }
-
-import React from 'react';
-import Box from '../../Box';
-
+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;
+};
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import Box from "../../Box";
 function Summary(props) {
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    width: "100%"
-  }, props));
+  return /* @__PURE__ */ jsx(Box, __spreadValues({ width: "100%" }, props));
 }
-
-Summary.displayName = 'Accordion.Summary';
-export default Summary;
+Summary.displayName = "Accordion.Summary";
+var Summary_default = Summary;
+export {
+  Summary_default as default
+};

package/esm/Accordion/web/index.js

@@ -1,8 +1,11 @@
-import Accordion from './Accordion';
-import Summary from './Summary';
-import Content from './Content';
-import AccordionSmall from './Small';
+import Accordion from "./Accordion";
+import Summary from "./Summary";
+import Content from "./Content";
+import AccordionSmall from "./Small";
 Accordion.Content = Content;
 Accordion.Summary = Summary;
 Accordion.Small = AccordionSmall;
-export default Accordion;
+var web_default = Accordion;
+export {
+  web_default as default
+};

package/esm/ActionRequirement/ActionRequirement.theme.js

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

package/esm/ActionRequirement/index.js

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

package/esm/ActionRequirement/index.native.js

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

package/esm/ActionRequirement/native/ActionRequirement.js

@@ -1,36 +1,42 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import { arrayOf, node, oneOfType, string } from 'prop-types';
-import styled from 'styled-components/native';
-import { View } from 'react-native';
-import Box from '../../Box';
-import { Title } from './ActionRequirementStyles';
-import Text from '../../Text';
-var StyledActionRequirement = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
-
+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 { arrayOf, node, oneOfType, string } from "prop-types";
+import styled from "styled-components/native";
+import { View } from "react-native";
+import Box from "../../Box";
+import { Title } from "./ActionRequirementStyles";
+import Text from "../../Text";
+const StyledActionRequirement = styled.View``;
 function ActionRequirement(props) {
-  var title = props.title,
-      description = props.description,
-      children = props.children,
-      checkable = props.checkable,
-      illustration = props.illustration,
-      list = props.list;
-  return /*#__PURE__*/React.createElement(StyledActionRequirement, props, illustration && /*#__PURE__*/React.createElement(Box, null, illustration), /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(Text, {
-    mt: "small",
-    color: "deep"
-  }, description), list && /*#__PURE__*/React.createElement(Text, {
-    mt: "small",
-    color: "deep"
-  }, /*#__PURE__*/React.createElement(Box, {
-    mt: "xxxlarge"
-  }, list)), checkable && /*#__PURE__*/React.createElement(Box, {
-    mt: "xxxlarge"
-  }, checkable), /*#__PURE__*/React.createElement(View, null, children));
+  const { title, description, children, checkable, illustration, list } = props;
+  return /* @__PURE__ */ jsxs(StyledActionRequirement, __spreadProps(__spreadValues({}, props), { children: [
+    illustration && /* @__PURE__ */ jsx(Box, { children: illustration }),
+    /* @__PURE__ */ jsx(Title, { children: title }),
+    /* @__PURE__ */ jsx(Text, { mt: "small", color: "deep", children: description }),
+    list && /* @__PURE__ */ jsx(Text, { mt: "small", color: "deep", children: /* @__PURE__ */ jsx(Box, { mt: "xxxlarge", children: list }) }),
+    checkable && /* @__PURE__ */ jsx(Box, { mt: "xxxlarge", children: checkable }),
+    /* @__PURE__ */ jsx(View, { children })
+  ] }));
 }
-
 ActionRequirement.propTypes = {
   title: string.isRequired,
   children: oneOfType([arrayOf(node), node]),
@@ -40,9 +46,12 @@ ActionRequirement.propTypes = {
   list: oneOfType([arrayOf(node), node])
 };
 ActionRequirement.defaultProps = {
-  children: undefined,
-  checkable: undefined,
-  illustration: undefined,
-  list: undefined
+  children: void 0,
+  checkable: void 0,
+  illustration: void 0,
+  list: void 0
+};
+var ActionRequirement_default = ActionRequirement;
+export {
+  ActionRequirement_default as default
 };
-export default ActionRequirement;

package/esm/ActionRequirement/native/ActionRequirement.test.js

@@ -1,45 +1,49 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { Box, Checkbox, Text } from '@gympass/yoga';
-import { Img2d01 } from '@gympass/yoga-illustrations';
-import { Dumbbell, User, Star } from '@gympass/yoga-icons';
-import { ThemeProvider } from '../..';
-import ActionRequirement from './ActionRequirement';
-
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react-native";
+import { Img2d01 } from "@gympass/yoga-illustrations";
+import { Dumbbell, User, Star } from "@gympass/yoga-icons";
+import { Box, Checkbox, Text, ThemeProvider } from "../..";
+import ActionRequirement from "./ActionRequirement";
 function handleGetCheckableContent() {
-  return /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Checkbox, null), /*#__PURE__*/React.createElement(Text, null, "I have read and agree to the Terms of Use and Privacy Policy."));
+  return /* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "row", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(Checkbox, {}),
+    /* @__PURE__ */ jsx(Text, { children: "I have read and agree to the Terms of Use and Privacy Policy." })
+  ] });
 }
-
 function handleGetIllustration() {
-  return /*#__PURE__*/React.createElement(Img2d01, {
-    width: 375,
-    height: 375
-  });
+  return /* @__PURE__ */ jsx(Img2d01, { width: 375, height: 375 });
 }
-
 function handleGetList() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Dumbbell, null), " 1x/day standard access"), /*#__PURE__*/React.createElement(Text, {
-    mt: "small"
-  }, /*#__PURE__*/React.createElement(User, null), " 4x/month 1-on-1 sessions"), /*#__PURE__*/React.createElement(Text, {
-    mt: "small"
-  }, /*#__PURE__*/React.createElement(Star, null), " 2x/month premium classes"));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Dumbbell, {}),
+      " 1x/day standard access"
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { mt: "small", children: [
+      /* @__PURE__ */ jsx(User, {}),
+      " 4x/month 1-on-1 sessions"
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { mt: "small", children: [
+      /* @__PURE__ */ jsx(Star, {}),
+      " 2x/month premium classes"
+    ] })
+  ] });
 }
-
-describe('<ActionRequirement />', function () {
-  it('should match snapshot', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(ActionRequirement, {
-      title: "Welcome to the world of feeling good!",
-      description: "Lets make it a good day!",
-      illustration: handleGetIllustration(),
-      checkable: handleGetCheckableContent(),
-      list: handleGetList()
-    }))),
-        toJSON = _render.toJSON;
-
+describe("<ActionRequirement />", () => {
+  it("should match snapshot", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+        ActionRequirement,
+        {
+          title: "Welcome to the world of feeling good!",
+          description: "Lets make it a good day!",
+          illustration: handleGetIllustration(),
+          checkable: handleGetCheckableContent(),
+          list: handleGetList()
+        }
+      ) })
+    );
     expect(toJSON()).toMatchSnapshot();
   });
-});
+});

package/esm/ActionRequirement/native/ActionRequirementStyles.js

@@ -1,25 +1,69 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+import styled, { css } from "styled-components";
+import Text from "../../Text/index.native";
+import Box from "../../Box/index.native";
+import Button from "../../Button/index.native";
+const Title = styled(Text.H4)`
+  ${({
+  theme: {
+    yoga: { fontSizes }
+  }
+}) => css`
+    @media (min-width: 769px) {
+      max-width: 700px;
+      font-size: ${fontSizes.huge}px;
+      line-height: ${fontSizes.huge}px;
+    }
+  `}
+`;
+const Actions = styled(Box)`
+  ${({
+  theme: {
+    yoga: { spacing }
+  }
+}) => css`
+    display: flex;
+    flex-direction: column;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+    @media (min-width: 769px) {
+      flex-direction: row;
+      margin-top: ${spacing.xlarge}px;
+    }
+  `}
+`;
+const buttonsStyles = css`
+  ${({
+  theme: {
+    yoga: { spacing }
+  }
+}) => css`
+    width: 100%;
 
-import styled, { css } from 'styled-components';
-import Text from '../../Text/index.native';
-import Box from '../../Box/index.native';
-import Button from '../../Button/index.native';
-export var Title = styled(Text.H4)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var fontSizes = _ref.theme.yoga.fontSizes;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    @media (min-width: 769px) {\n      max-width: 700px;\n      font-size: ", "px;\n      line-height: ", "px;\n    }\n  "])), fontSizes.huge, fontSizes.huge);
-});
-export var Actions = styled(Box)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var spacing = _ref2.theme.yoga.spacing;
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    display: flex;\n    flex-direction: column;\n\n    @media (min-width: 769px) {\n      flex-direction: row;\n      margin-top: ", "px;\n    }\n  "])), spacing.xlarge);
-});
-var buttonsStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref3) {
-  var spacing = _ref3.theme.yoga.spacing;
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n\n    :last-child(:not(:first-child)) {\n      margin-top: ", "px;\n    }\n\n    @media (min-width: 769px) {\n      width: auto;\n\n      :last-child(:not(:first-child)) {\n        margin-top: 0;\n        margin-left: ", "px;\n      }\n    }\n  "])), spacing.small, spacing.large);
-});
-export var PrimaryButton = styled(Button)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), buttonsStyles);
-export var SecondaryButton = styled(Button.Text)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), buttonsStyles);
-Title.displayName = 'ActionRequirement.Title';
-PrimaryButton.displayName = 'ActionRequirement.PrimaryButton';
-SecondaryButton.displayName = 'ActionRequirement.SecondaryButton';
+    :last-child(:not(:first-child)) {
+      margin-top: ${spacing.small}px;
+    }
+
+    @media (min-width: 769px) {
+      width: auto;
+
+      :last-child(:not(:first-child)) {
+        margin-top: 0;
+        margin-left: ${spacing.large}px;
+      }
+    }
+  `}
+`;
+const PrimaryButton = styled(Button)`
+  ${buttonsStyles}
+`;
+const SecondaryButton = styled(Button.Text)`
+  ${buttonsStyles}
+`;
+Title.displayName = "ActionRequirement.Title";
+PrimaryButton.displayName = "ActionRequirement.PrimaryButton";
+SecondaryButton.displayName = "ActionRequirement.SecondaryButton";
+export {
+  Actions,
+  PrimaryButton,
+  SecondaryButton,
+  Title
+};

package/esm/ActionRequirement/native/index.js

@@ -1,6 +1,13 @@
-import ActionRequirement from './ActionRequirement';
-import { Title, PrimaryButton, SecondaryButton } from './ActionRequirementStyles';
+import ActionRequirement from "./ActionRequirement";
+import {
+  Title,
+  PrimaryButton,
+  SecondaryButton
+} from "./ActionRequirementStyles";
 ActionRequirement.Title = Title;
 ActionRequirement.PrimaryButton = PrimaryButton;
 ActionRequirement.SecondaryButton = SecondaryButton;
-export default ActionRequirement;
+var native_default = ActionRequirement;
+export {
+  native_default as default
+};

package/esm/ActionRequirement/web/ActionRequirement.js

@@ -1,53 +1,96 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+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 { arrayOf, node, oneOfType, string } from "prop-types";
+import styled from "styled-components";
+import { media } from "@gympass/yoga-helpers";
+import {
+  Actions,
+  Title,
+  PrimaryButton,
+  SecondaryButton
+} from "./ActionRequirementStyles";
+import Text from "../../Text";
+import Box from "../../Box";
+const StyledActionRequirement = styled.div`
+  display: flex;
+  height: 100%;
+  ${media.xxs`
+    flex-direction: column;
+  `}
+  ${media.lg`
+    flex-direction: row-reverse;
+  `}
+`;
+const Content = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 
-import React from 'react';
-import { arrayOf, node, oneOfType, string } from 'prop-types';
-import styled from 'styled-components';
-import { media } from '@gympass/yoga-helpers';
-import { Actions, Title, PrimaryButton, SecondaryButton } from './ActionRequirementStyles';
-import Text from '../../Text';
-import Box from '../../Box';
-var StyledActionRequirement = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  height: 100%;\n  ", "\n  ", "\n"])), media.xxs(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    flex-direction: column;\n  "]))), media.lg(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    flex-direction: row-reverse;\n  "]))));
-var Content = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  ", "\n\n  ", "\n"])), media.xxs(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    width: auto;\n    margin-right: 0;\n  "]))), media.lg(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    width: 520px;\n    margin-right: 120px;\n  "]))));
-var BoxIllustration = styled(Box)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  flex-grow: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+  ${media.xxs`
+    width: auto;
+    margin-right: 0;
+  `}
 
+  ${media.lg`
+    width: 520px;
+    margin-right: 120px;
+  `}
+`;
+const BoxIllustration = styled(Box)`
+  flex-grow: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
 function isChildFromComponent(child, component) {
   return child.type.displayName === component.displayName;
 }
-
 function ActionRequirement(props) {
-  var title = props.title,
-      description = props.description,
-      children = props.children,
-      checkable = props.checkable,
-      illustration = props.illustration,
-      list = props.list;
-  var primaryButton;
-  var secondaryButton;
-
+  const { title, description, children, checkable, illustration, list } = props;
+  let primaryButton;
+  let secondaryButton;
   function defineCompoundComponents() {
-    React.Children.forEach(children, function (child) {
-      if (isChildFromComponent(child, PrimaryButton)) primaryButton = child;
-      if (isChildFromComponent(child, SecondaryButton)) secondaryButton = child;
+    React.Children.forEach(children, (child) => {
+      if (isChildFromComponent(child, PrimaryButton))
+        primaryButton = child;
+      if (isChildFromComponent(child, SecondaryButton))
+        secondaryButton = child;
     });
   }
-
   defineCompoundComponents();
-  return /*#__PURE__*/React.createElement(StyledActionRequirement, props, illustration && /*#__PURE__*/React.createElement(BoxIllustration, null, illustration), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(Text, {
-    mt: "small",
-    color: "deep"
-  }, description), list && /*#__PURE__*/React.createElement(Text, {
-    mt: "large",
-    color: "deep"
-  }, /*#__PURE__*/React.createElement(Box, null, list)), checkable && /*#__PURE__*/React.createElement(Box, {
-    mt: "xxlarge"
-  }, checkable), /*#__PURE__*/React.createElement(Actions, {
-    mt: "xlarge"
-  }, primaryButton, secondaryButton)));
+  return /* @__PURE__ */ jsxs(StyledActionRequirement, __spreadProps(__spreadValues({}, props), { children: [
+    illustration && /* @__PURE__ */ jsx(BoxIllustration, { children: illustration }),
+    /* @__PURE__ */ jsxs(Content, { children: [
+      /* @__PURE__ */ jsx(Title, { children: title }),
+      /* @__PURE__ */ jsx(Text, { mt: "small", color: "deep", children: description }),
+      list && /* @__PURE__ */ jsx(Text, { mt: "large", color: "deep", children: /* @__PURE__ */ jsx(Box, { children: list }) }),
+      checkable && /* @__PURE__ */ jsx(Box, { mt: "xxlarge", children: checkable }),
+      /* @__PURE__ */ jsxs(Actions, { mt: "xlarge", children: [
+        primaryButton,
+        secondaryButton
+      ] })
+    ] })
+  ] }));
 }
-
 ActionRequirement.propTypes = {
   title: string.isRequired,
   children: oneOfType([arrayOf(node), node]),
@@ -57,9 +100,12 @@ ActionRequirement.propTypes = {
   list: oneOfType([arrayOf(node), node])
 };
 ActionRequirement.defaultProps = {
-  children: undefined,
-  checkable: undefined,
-  illustration: undefined,
-  list: undefined
+  children: void 0,
+  checkable: void 0,
+  illustration: void 0,
+  list: void 0
+};
+var ActionRequirement_default = ActionRequirement;
+export {
+  ActionRequirement_default as default
 };
-export default ActionRequirement;