@cucumber/react-components 24.1.2 → 24.3.0

package/dist/src/components/gherkin/Feature.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { HighLight } from '../app/HighLight.js';
 import { useCustomRendering } from '../customise/index.js';
 import { Background } from './Background.js';
@@ -10,31 +10,21 @@ import { Scenario } from './Scenario.js';
 import { Tags } from './Tags.js';
 import { Title } from './Title.js';
 const DefaultRenderer = ({ feature }) => {
-    return (React.createElement("section", null,
-        React.createElement(Tags, { tags: feature.tags }),
-        React.createElement(Title, { header: "h1", id: feature.name },
-            React.createElement(Keyword, null,
-                feature.keyword,
-                ":"),
-            React.createElement(HighLight, { text: feature.name })),
-        React.createElement(Description, { description: feature.description }),
-        React.createElement(Children, null, (feature.children || []).map((child, index) => {
-            if (child.background) {
-                return React.createElement(Background, { key: index, background: child.background });
-            }
-            else if (child.scenario) {
-                return React.createElement(Scenario, { key: index, scenario: child.scenario });
-            }
-            else if (child.rule) {
-                return React.createElement(Rule, { key: index, rule: child.rule });
-            }
-            else {
-                throw new Error('Expected background, scenario or rule');
-            }
-        }))));
+    return (_jsxs("section", { children: [_jsx(Tags, { tags: feature.tags }), _jsxs(Title, { header: "h1", id: feature.name, children: [_jsxs(Keyword, { children: [feature.keyword, ":"] }), _jsx(HighLight, { text: feature.name })] }), _jsx(Description, { description: feature.description }), _jsx(Children, { children: (feature.children || []).map((child, index) => {
+                    if (child.background) {
+                        return _jsx(Background, { background: child.background }, index);
+                    }
+                    if (child.scenario) {
+                        return _jsx(Scenario, { scenario: child.scenario }, index);
+                    }
+                    if (child.rule) {
+                        return _jsx(Rule, { rule: child.rule }, index);
+                    }
+                    throw new Error('Expected background, scenario or rule');
+                }) })] }));
 };
 export const Feature = (props) => {
     const ResolvedRenderer = useCustomRendering('Feature', {}, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 //# sourceMappingURL=Feature.js.map

package/dist/src/components/gherkin/Feature.js.map

@@ -1 +1 @@
-{"version":3,"file":"Feature.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Feature.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAkC,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1F,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,eAAe,GAAmC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACtE,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,GAAI;QAC5B,oBAAC,KAAK,IAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAE,OAAO,CAAC,IAAI;YACjC,oBAAC,OAAO;gBAAE,OAAO,CAAC,OAAO;oBAAY;YACrC,oBAAC,SAAS,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,GAAI,CAC3B;QACR,oBAAC,WAAW,IAAC,WAAW,EAAE,OAAO,CAAC,WAAW,GAAI;QACjD,oBAAC,QAAQ,QACN,CAAC,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,UAAU,EAAE;gBACpB,OAAO,oBAAC,UAAU,IAAC,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,CAAA;aAChE;iBAAM,IAAI,KAAK,CAAC,QAAQ,EAAE;gBACzB,OAAO,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,CAAA;aAC1D;iBAAM,IAAI,KAAK,CAAC,IAAI,EAAE;gBACrB,OAAO,oBAAC,IAAI,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAAA;aAC9C;iBAAM;gBACL,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAA;aACzD;QACH,CAAC,CAAC,CACO,CACH,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,KAAK,EAAE,EAAE;IACtE,MAAM,gBAAgB,GAAG,kBAAkB,CAAe,SAAS,EAAE,EAAE,EAAE,eAAe,CAAC,CAAA;IACzF,OAAO,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nimport { HighLight } from '../app/HighLight.js'\nimport { DefaultComponent, FeatureProps, useCustomRendering } from '../customise/index.js'\nimport { Background } from './Background.js'\nimport { Children } from './Children.js'\nimport { Description } from './Description.js'\nimport { Keyword } from './Keyword.js'\nimport { Rule } from './Rule.js'\nimport { Scenario } from './Scenario.js'\nimport { Tags } from './Tags.js'\nimport { Title } from './Title.js'\n\nconst DefaultRenderer: DefaultComponent<FeatureProps> = ({ feature }) => {\n  return (\n    <section>\n      <Tags tags={feature.tags} />\n      <Title header=\"h1\" id={feature.name}>\n        <Keyword>{feature.keyword}:</Keyword>\n        <HighLight text={feature.name} />\n      </Title>\n      <Description description={feature.description} />\n      <Children>\n        {(feature.children || []).map((child, index) => {\n          if (child.background) {\n            return <Background key={index} background={child.background} />\n          } else if (child.scenario) {\n            return <Scenario key={index} scenario={child.scenario} />\n          } else if (child.rule) {\n            return <Rule key={index} rule={child.rule} />\n          } else {\n            throw new Error('Expected background, scenario or rule')\n          }\n        })}\n      </Children>\n    </section>\n  )\n}\n\nexport const Feature: React.FunctionComponent<FeatureProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<FeatureProps>('Feature', {}, DefaultRenderer)\n  return <ResolvedRenderer {...props} />\n}\n"]}
+{"version":3,"file":"Feature.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Feature.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAA4C,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AACpG,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,eAAe,GAAmC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACtE,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,GAAI,EAC5B,MAAC,KAAK,IAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAE,OAAO,CAAC,IAAI,aACjC,MAAC,OAAO,eAAE,OAAO,CAAC,OAAO,SAAY,EACrC,KAAC,SAAS,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,GAAI,IAC3B,EACR,KAAC,WAAW,IAAC,WAAW,EAAE,OAAO,CAAC,WAAW,GAAI,EACjD,KAAC,QAAQ,cACN,CAAC,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBAC7C,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;wBACrB,OAAO,KAAC,UAAU,IAAa,UAAU,EAAE,KAAK,CAAC,UAAU,IAAnC,KAAK,CAAkC,CAAA;oBACjE,CAAC;oBACD,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;wBACnB,OAAO,KAAC,QAAQ,IAAa,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAA/B,KAAK,CAA8B,CAAA;oBAC3D,CAAC;oBACD,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;wBACf,OAAO,KAAC,IAAI,IAAa,IAAI,EAAE,KAAK,CAAC,IAAI,IAAvB,KAAK,CAAsB,CAAA;oBAC/C,CAAC;oBACD,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAA;gBAC1D,CAAC,CAAC,GACO,IACH,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,gBAAgB,GAAG,kBAAkB,CAAe,SAAS,EAAE,EAAE,EAAE,eAAe,CAAC,CAAA;IACzF,OAAO,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import type { FC } from 'react'\n\nimport { HighLight } from '../app/HighLight.js'\nimport { type DefaultComponent, type FeatureProps, useCustomRendering } from '../customise/index.js'\nimport { Background } from './Background.js'\nimport { Children } from './Children.js'\nimport { Description } from './Description.js'\nimport { Keyword } from './Keyword.js'\nimport { Rule } from './Rule.js'\nimport { Scenario } from './Scenario.js'\nimport { Tags } from './Tags.js'\nimport { Title } from './Title.js'\n\nconst DefaultRenderer: DefaultComponent<FeatureProps> = ({ feature }) => {\n  return (\n    <section>\n      <Tags tags={feature.tags} />\n      <Title header=\"h1\" id={feature.name}>\n        <Keyword>{feature.keyword}:</Keyword>\n        <HighLight text={feature.name} />\n      </Title>\n      <Description description={feature.description} />\n      <Children>\n        {(feature.children || []).map((child, index) => {\n          if (child.background) {\n            return <Background key={index} background={child.background} />\n          }\n          if (child.scenario) {\n            return <Scenario key={index} scenario={child.scenario} />\n          }\n          if (child.rule) {\n            return <Rule key={index} rule={child.rule} />\n          }\n          throw new Error('Expected background, scenario or rule')\n        })}\n      </Children>\n    </section>\n  )\n}\n\nexport const Feature: FC<FeatureProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<FeatureProps>('Feature', {}, DefaultRenderer)\n  return <ResolvedRenderer {...props} />\n}\n"]}

package/dist/src/components/gherkin/GherkinDocument.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { GherkinDocumentProps } from '../customise/index.js';
-export declare const GherkinDocument: React.FunctionComponent<GherkinDocumentProps>;
+import type { FC } from 'react';
+import { type GherkinDocumentProps } from '../customise/index.js';
+export declare const GherkinDocument: FC<GherkinDocumentProps>;
 //# sourceMappingURL=GherkinDocument.d.ts.map

package/dist/src/components/gherkin/GherkinDocument.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GherkinDocument.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/GherkinDocument.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,oBAAoB,EAAsB,MAAM,uBAAuB,CAAA;AAOhF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAOzE,CAAA"}
+{"version":3,"file":"GherkinDocument.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/GherkinDocument.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,KAAK,oBAAoB,EAAsB,MAAM,uBAAuB,CAAA;AAOrF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAOpD,CAAA"}

package/dist/src/components/gherkin/GherkinDocument.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useCustomRendering } from '../customise/index.js';
 import { Feature } from './Feature.js';
 const DefaultRenderer = ({ gherkinDocument }) => {
-    return gherkinDocument.feature ? React.createElement(Feature, { feature: gherkinDocument.feature }) : null;
+    return gherkinDocument.feature ? _jsx(Feature, { feature: gherkinDocument.feature }) : null;
 };
 export const GherkinDocument = (props) => {
     const ResolvedRenderer = useCustomRendering('GherkinDocument', {}, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 //# sourceMappingURL=GherkinDocument.js.map

package/dist/src/components/gherkin/GherkinDocument.js.map

@@ -1 +1 @@
-{"version":3,"file":"GherkinDocument.js","sourceRoot":"","sources":["../../../../src/components/gherkin/GherkinDocument.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAwB,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,MAAM,eAAe,GAAkD,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE;IAC7F,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAE,eAAe,CAAC,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,CAAA;AACvF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,KAAK,EAAE,EAAE;IACtF,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,iBAAiB,EACjB,EAAE,EACF,eAAe,CAChB,CAAA;IACD,OAAO,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nimport { GherkinDocumentProps, useCustomRendering } from '../customise/index.js'\nimport { Feature } from './Feature.js'\n\nconst DefaultRenderer: React.FunctionComponent<GherkinDocumentProps> = ({ gherkinDocument }) => {\n  return gherkinDocument.feature ? <Feature feature={gherkinDocument.feature} /> : null\n}\n\nexport const GherkinDocument: React.FunctionComponent<GherkinDocumentProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<GherkinDocumentProps>(\n    'GherkinDocument',\n    {},\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}
+{"version":3,"file":"GherkinDocument.js","sourceRoot":"","sources":["../../../../src/components/gherkin/GherkinDocument.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA6B,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AACrF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,MAAM,eAAe,GAA6B,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE;IACxE,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,OAAO,EAAE,eAAe,CAAC,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,CAAA;AACvF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,iBAAiB,EACjB,EAAE,EACF,eAAe,CAChB,CAAA;IACD,OAAO,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import type { FC } from 'react'\n\nimport { type GherkinDocumentProps, useCustomRendering } from '../customise/index.js'\nimport { Feature } from './Feature.js'\n\nconst DefaultRenderer: FC<GherkinDocumentProps> = ({ gherkinDocument }) => {\n  return gherkinDocument.feature ? <Feature feature={gherkinDocument.feature} /> : null\n}\n\nexport const GherkinDocument: FC<GherkinDocumentProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<GherkinDocumentProps>(\n    'GherkinDocument',\n    {},\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}

package/dist/src/components/gherkin/Keyword.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
-import { KeywordProps } from '../customise/index.js';
+import type { FunctionComponent } from 'react';
+import { type KeywordProps } from '../customise/index.js';
 export declare const Keyword: FunctionComponent<KeywordProps>;
 //# sourceMappingURL=Keyword.d.ts.map

package/dist/src/components/gherkin/Keyword.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Keyword.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Keyword.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAGL,YAAY,EAEb,MAAM,uBAAuB,CAAA;AAO9B,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,YAAY,CAOnD,CAAA"}
+{"version":3,"file":"Keyword.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Keyword.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAA;AAO9B,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,YAAY,CAOnD,CAAA"}

package/dist/src/components/gherkin/Keyword.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useCustomRendering, } from '../customise/index.js';
 import defaultStyles from './Keyword.module.scss';
 const DefaultRenderer = ({ children, styles }) => {
-    return React.createElement("span", { className: styles.keyword }, children);
+    return _jsxs("span", { className: styles.keyword, children: [children, " "] });
 };
 export const Keyword = ({ children }) => {
     const ResolvedRenderer = useCustomRendering('Keyword', defaultStyles, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, null, children);
+    return _jsx(ResolvedRenderer, { children: children });
 };
 //# sourceMappingURL=Keyword.js.map

package/dist/src/components/gherkin/Keyword.js.map

@@ -1 +1 @@
-{"version":3,"file":"Keyword.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Keyword.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,uBAAuB,CAAA;AAEjD,MAAM,eAAe,GAAmD,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IAC/F,OAAO,8BAAM,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAQ,CAAA;AAC3D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAoC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvE,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,SAAS,EACT,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,oBAAC,gBAAgB,QAAE,QAAQ,CAAoB,CAAA;AACxD,CAAC,CAAA","sourcesContent":["import React, { FunctionComponent } from 'react'\n\nimport {\n  DefaultComponent,\n  KeywordClasses,\n  KeywordProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './Keyword.module.scss'\n\nconst DefaultRenderer: DefaultComponent<KeywordProps, KeywordClasses> = ({ children, styles }) => {\n  return <span className={styles.keyword}>{children}</span>\n}\n\nexport const Keyword: FunctionComponent<KeywordProps> = ({ children }) => {\n  const ResolvedRenderer = useCustomRendering<KeywordProps, KeywordClasses>(\n    'Keyword',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer>{children}</ResolvedRenderer>\n}\n"]}
+{"version":3,"file":"Keyword.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Keyword.tsx"],"names":[],"mappings":";AAEA,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,uBAAuB,CAAA;AAEjD,MAAM,eAAe,GAAmD,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IAC/F,OAAO,gBAAM,SAAS,EAAE,MAAM,CAAC,OAAO,aAAG,QAAQ,SAAS,CAAA;AAC5D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAoC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvE,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,SAAS,EACT,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,KAAC,gBAAgB,cAAE,QAAQ,GAAoB,CAAA;AACxD,CAAC,CAAA","sourcesContent":["import type { FunctionComponent } from 'react'\n\nimport {\n  type DefaultComponent,\n  type KeywordClasses,\n  type KeywordProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './Keyword.module.scss'\n\nconst DefaultRenderer: DefaultComponent<KeywordProps, KeywordClasses> = ({ children, styles }) => {\n  return <span className={styles.keyword}>{children} </span>\n}\n\nexport const Keyword: FunctionComponent<KeywordProps> = ({ children }) => {\n  const ResolvedRenderer = useCustomRendering<KeywordProps, KeywordClasses>(\n    'Keyword',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer>{children}</ResolvedRenderer>\n}\n"]}

package/dist/src/components/gherkin/Keyword.module.scss

@@ -3,5 +3,4 @@
 .keyword {
   font-weight: bold;
   color: theming.$keywordColor;
-  margin-right: 0.25em;
 }

package/dist/src/components/gherkin/Parameter.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { ParameterProps } from '../customise/index.js';
-export declare const Parameter: React.FunctionComponent<ParameterProps>;
+import type { FC } from 'react';
+import { type ParameterProps } from '../customise/index.js';
+export declare const Parameter: FC<ParameterProps>;
 //# sourceMappingURL=Parameter.d.ts.map

package/dist/src/components/gherkin/Parameter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Parameter.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Parameter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAGL,cAAc,EAEf,MAAM,uBAAuB,CAAA;AAgB9B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAO7D,CAAA"}
+{"version":3,"file":"Parameter.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Parameter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAGL,KAAK,cAAc,EAEpB,MAAM,uBAAuB,CAAA;AAU9B,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAOxC,CAAA"}

package/dist/src/components/gherkin/Parameter.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useCustomRendering, } from '../customise/index.js';
 import defaultStyles from './Parameter.module.scss';
-const DefaultRenderer = ({ parameterTypeName, value, children, styles, }) => {
-    return (React.createElement("span", { title: parameterTypeName, "aria-label": value, className: styles.parameter }, children));
+const DefaultRenderer = ({ children, styles, }) => {
+    return _jsx("span", { className: styles.parameter, children: children });
 };
 export const Parameter = (props) => {
     const ResolvedRenderer = useCustomRendering('Parameter', defaultStyles, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 //# sourceMappingURL=Parameter.js.map

package/dist/src/components/gherkin/Parameter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Parameter.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Parameter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,yBAAyB,CAAA;AAEnD,MAAM,eAAe,GAAuD,CAAC,EAC3E,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,8BAAM,KAAK,EAAE,iBAAiB,gBAAc,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,IAC3E,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAA4C,CAAC,KAAK,EAAE,EAAE;IAC1E,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,WAAW,EACX,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nimport {\n  DefaultComponent,\n  ParameterClasses,\n  ParameterProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './Parameter.module.scss'\n\nconst DefaultRenderer: DefaultComponent<ParameterProps, ParameterClasses> = ({\n  parameterTypeName,\n  value,\n  children,\n  styles,\n}) => {\n  return (\n    <span title={parameterTypeName} aria-label={value} className={styles.parameter}>\n      {children}\n    </span>\n  )\n}\n\nexport const Parameter: React.FunctionComponent<ParameterProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<ParameterProps, ParameterClasses>(\n    'Parameter',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}
+{"version":3,"file":"Parameter.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Parameter.tsx"],"names":[],"mappings":";AAEA,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,yBAAyB,CAAA;AAEnD,MAAM,eAAe,GAAuD,CAAC,EAC3E,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,OAAO,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,QAAQ,GAAQ,CAAA;AAC7D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,KAAK,EAAE,EAAE;IACrD,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,WAAW,EACX,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import type { FC } from 'react'\n\nimport {\n  type DefaultComponent,\n  type ParameterClasses,\n  type ParameterProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './Parameter.module.scss'\n\nconst DefaultRenderer: DefaultComponent<ParameterProps, ParameterClasses> = ({\n  children,\n  styles,\n}) => {\n  return <span className={styles.parameter}>{children}</span>\n}\n\nexport const Parameter: FC<ParameterProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<ParameterProps, ParameterClasses>(\n    'Parameter',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}

package/dist/src/components/gherkin/Rule.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { RuleProps } from '../customise/index.js';
-export declare const Rule: React.FunctionComponent<RuleProps>;
+import type { FC } from 'react';
+import { type RuleProps } from '../customise/index.js';
+export declare const Rule: FC<RuleProps>;
 //# sourceMappingURL=Rule.d.ts.map

package/dist/src/components/gherkin/Rule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Rule.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Rule.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAoB,SAAS,EAAsB,MAAM,uBAAuB,CAAA;AAiCvF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAGnD,CAAA"}
+{"version":3,"file":"Rule.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Rule.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,EAAyB,KAAK,SAAS,EAAsB,MAAM,uBAAuB,CAAA;AAiCjG,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAG9B,CAAA"}

package/dist/src/components/gherkin/Rule.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { HighLight } from '../app/HighLight.js';
 import { useCustomRendering } from '../customise/index.js';
 import { Background } from './Background.js';
@@ -9,28 +9,18 @@ import { Scenario } from './Scenario.js';
 import { Tags } from './Tags.js';
 import { Title } from './Title.js';
 const DefaultRenderer = ({ rule }) => {
-    return (React.createElement("section", null,
-        React.createElement(Tags, { tags: rule.tags }),
-        React.createElement(Title, { header: "h2", id: rule.id },
-            React.createElement(Keyword, null,
-                rule.keyword,
-                ":"),
-            React.createElement(HighLight, { text: rule.name })),
-        React.createElement(Description, { description: rule.description }),
-        React.createElement(Children, null, (rule.children || []).map((child, index) => {
-            if (child.background) {
-                return React.createElement(Background, { key: index, background: child.background });
-            }
-            else if (child.scenario) {
-                return React.createElement(Scenario, { key: index, scenario: child.scenario });
-            }
-            else {
-                throw new Error('Expected background or scenario');
-            }
-        }))));
+    return (_jsxs("section", { children: [_jsx(Tags, { tags: rule.tags }), _jsxs(Title, { header: "h2", id: rule.id, children: [_jsxs(Keyword, { children: [rule.keyword, ":"] }), _jsx(HighLight, { text: rule.name })] }), _jsx(Description, { description: rule.description }), _jsx(Children, { children: (rule.children || []).map((child, index) => {
+                    if (child.background) {
+                        return _jsx(Background, { background: child.background }, index);
+                    }
+                    if (child.scenario) {
+                        return _jsx(Scenario, { scenario: child.scenario }, index);
+                    }
+                    throw new Error('Expected background or scenario');
+                }) })] }));
 };
 export const Rule = (props) => {
     const ResolvedRenderer = useCustomRendering('Rule', {}, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 //# sourceMappingURL=Rule.js.map

package/dist/src/components/gherkin/Rule.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rule.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Rule.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAA+B,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,eAAe,GAAgC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChE,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;QACzB,oBAAC,KAAK,IAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE;YAC5B,oBAAC,OAAO;gBAAE,IAAI,CAAC,OAAO;oBAAY;YAClC,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACxB;QACR,oBAAC,WAAW,IAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;QAC9C,oBAAC,QAAQ,QACN,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC1C,IAAI,KAAK,CAAC,UAAU,EAAE;gBACpB,OAAO,oBAAC,UAAU,IAAC,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,CAAA;aAChE;iBAAM,IAAI,KAAK,CAAC,QAAQ,EAAE;gBACzB,OAAO,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,CAAA;aAC1D;iBAAM;gBACL,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAA;aACnD;QACH,CAAC,CAAC,CACO,CACH,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAuC,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,gBAAgB,GAAG,kBAAkB,CAAY,MAAM,EAAE,EAAE,EAAE,eAAe,CAAC,CAAA;IACnF,OAAO,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nimport { HighLight } from '../app/HighLight.js'\nimport { DefaultComponent, RuleProps, useCustomRendering } from '../customise/index.js'\nimport { Background } from './Background.js'\nimport { Children } from './Children.js'\nimport { Description } from './Description.js'\nimport { Keyword } from './Keyword.js'\nimport { Scenario } from './Scenario.js'\nimport { Tags } from './Tags.js'\nimport { Title } from './Title.js'\n\nconst DefaultRenderer: DefaultComponent<RuleProps> = ({ rule }) => {\n  return (\n    <section>\n      <Tags tags={rule.tags} />\n      <Title header=\"h2\" id={rule.id}>\n        <Keyword>{rule.keyword}:</Keyword>\n        <HighLight text={rule.name} />\n      </Title>\n      <Description description={rule.description} />\n      <Children>\n        {(rule.children || []).map((child, index) => {\n          if (child.background) {\n            return <Background key={index} background={child.background} />\n          } else if (child.scenario) {\n            return <Scenario key={index} scenario={child.scenario} />\n          } else {\n            throw new Error('Expected background or scenario')\n          }\n        })}\n      </Children>\n    </section>\n  )\n}\n\nexport const Rule: React.FunctionComponent<RuleProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<RuleProps>('Rule', {}, DefaultRenderer)\n  return <ResolvedRenderer {...props} />\n}\n"]}
+{"version":3,"file":"Rule.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Rule.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAyC,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,eAAe,GAAgC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChE,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,EACzB,MAAC,KAAK,IAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE,aAC5B,MAAC,OAAO,eAAE,IAAI,CAAC,OAAO,SAAY,EAClC,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,IACxB,EACR,KAAC,WAAW,IAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI,EAC9C,KAAC,QAAQ,cACN,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBAC1C,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;wBACrB,OAAO,KAAC,UAAU,IAAa,UAAU,EAAE,KAAK,CAAC,UAAU,IAAnC,KAAK,CAAkC,CAAA;oBACjE,CAAC;oBACD,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;wBACnB,OAAO,KAAC,QAAQ,IAAa,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAA/B,KAAK,CAA8B,CAAA;oBAC3D,CAAC;oBACD,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAA;gBACpD,CAAC,CAAC,GACO,IACH,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,gBAAgB,GAAG,kBAAkB,CAAY,MAAM,EAAE,EAAE,EAAE,eAAe,CAAC,CAAA;IACnF,OAAO,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import type { FC } from 'react'\n\nimport { HighLight } from '../app/HighLight.js'\nimport { type DefaultComponent, type RuleProps, useCustomRendering } from '../customise/index.js'\nimport { Background } from './Background.js'\nimport { Children } from './Children.js'\nimport { Description } from './Description.js'\nimport { Keyword } from './Keyword.js'\nimport { Scenario } from './Scenario.js'\nimport { Tags } from './Tags.js'\nimport { Title } from './Title.js'\n\nconst DefaultRenderer: DefaultComponent<RuleProps> = ({ rule }) => {\n  return (\n    <section>\n      <Tags tags={rule.tags} />\n      <Title header=\"h2\" id={rule.id}>\n        <Keyword>{rule.keyword}:</Keyword>\n        <HighLight text={rule.name} />\n      </Title>\n      <Description description={rule.description} />\n      <Children>\n        {(rule.children || []).map((child, index) => {\n          if (child.background) {\n            return <Background key={index} background={child.background} />\n          }\n          if (child.scenario) {\n            return <Scenario key={index} scenario={child.scenario} />\n          }\n          throw new Error('Expected background or scenario')\n        })}\n      </Children>\n    </section>\n  )\n}\n\nexport const Rule: FC<RuleProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<RuleProps>('Rule', {}, DefaultRenderer)\n  return <ResolvedRenderer {...props} />\n}\n"]}

package/dist/src/components/gherkin/Scenario.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { ScenarioProps } from '../customise/index.js';
-export declare const Scenario: React.FunctionComponent<ScenarioProps>;
+import type { FC } from 'react';
+import { type ScenarioProps } from '../customise/index.js';
+export declare const Scenario: FC<ScenarioProps>;
 //# sourceMappingURL=Scenario.d.ts.map

package/dist/src/components/gherkin/Scenario.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Scenario.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Scenario.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAoB,aAAa,EAAsB,MAAM,uBAAuB,CAAA;AAmC3F,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAG3D,CAAA"}
+{"version":3,"file":"Scenario.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Scenario.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,uBAAuB,CAAA;AA8B9B,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAGtC,CAAA"}

package/dist/src/components/gherkin/Scenario.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTestCaseStarted } from '../../hooks/useTestCaseStarted.js';
 import { HighLight } from '../app/HighLight.js';
-import { useCustomRendering } from '../customise/index.js';
+import { useCustomRendering, } from '../customise/index.js';
 import { TestCaseOutcome } from '../results/index.js';
 import { Children } from './Children.js';
 import { Description } from './Description.js';
@@ -12,20 +12,11 @@ import { Title } from './Title.js';
 const DefaultRenderer = ({ scenario }) => {
     const examplesList = scenario.examples || [];
     const testCaseStarted = useTestCaseStarted(scenario.id);
-    return (React.createElement("section", null,
-        React.createElement(Tags, { tags: scenario.tags }),
-        React.createElement(Title, { header: "h2", id: scenario.id },
-            React.createElement(Keyword, null,
-                scenario.keyword,
-                ":"),
-            React.createElement(HighLight, { text: scenario.name })),
-        React.createElement(Description, { description: scenario.description }),
-        React.createElement(Children, null,
-            testCaseStarted && React.createElement(TestCaseOutcome, { testCaseStarted: testCaseStarted }),
-            examplesList.length > 0 && (React.createElement(React.Fragment, null, examplesList.map((examples, index) => (React.createElement(Examples, { key: index, examples: examples }))))))));
+    return (_jsxs("section", { children: [_jsx(Tags, { tags: scenario.tags }), _jsxs(Title, { header: "h2", id: scenario.id, children: [_jsxs(Keyword, { children: [scenario.keyword, ":"] }), _jsx(HighLight, { text: scenario.name })] }), _jsx(Description, { description: scenario.description }), _jsxs(Children, { children: [testCaseStarted && _jsx(TestCaseOutcome, { testCaseStarted: testCaseStarted }), examplesList.length > 0 &&
+                        examplesList.map((examples, index) => _jsx(Examples, { examples: examples }, index))] })] }));
 };
 export const Scenario = (props) => {
     const ResolvedRenderer = useCustomRendering('Scenario', {}, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 //# sourceMappingURL=Scenario.js.map

package/dist/src/components/gherkin/Scenario.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scenario.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Scenario.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAmC,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,eAAe,GAAoC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxE,MAAM,YAAY,GAAG,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAA;IAC5C,MAAM,eAAe,GAAG,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEvD,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI;QAC7B,oBAAC,KAAK,IAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAE,QAAQ,CAAC,EAAE;YAChC,oBAAC,OAAO;gBAAE,QAAQ,CAAC,OAAO;oBAAY;YACtC,oBAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI,CAC5B;QACR,oBAAC,WAAW,IAAC,WAAW,EAAE,QAAQ,CAAC,WAAW,GAAI;QAClD,oBAAC,QAAQ;YACN,eAAe,IAAI,oBAAC,eAAe,IAAC,eAAe,EAAE,eAAe,GAAI;YACxE,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,0CACG,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC7C,CAAC,CACD,CACJ,CACQ,CACH,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAA2C,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,gBAAgB,GAAG,kBAAkB,CAAgB,UAAU,EAAE,EAAE,EAAE,eAAe,CAAC,CAAA;IAC3F,OAAO,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nimport { useTestCaseStarted } from '../../hooks/useTestCaseStarted.js'\nimport { HighLight } from '../app/HighLight.js'\nimport { DefaultComponent, ScenarioProps, useCustomRendering } from '../customise/index.js'\nimport { TestCaseOutcome } from '../results/index.js'\nimport { Children } from './Children.js'\nimport { Description } from './Description.js'\nimport { Examples } from './Examples.js'\nimport { Keyword } from './Keyword.js'\nimport { Tags } from './Tags.js'\nimport { Title } from './Title.js'\n\nconst DefaultRenderer: DefaultComponent<ScenarioProps> = ({ scenario }) => {\n  const examplesList = scenario.examples || []\n  const testCaseStarted = useTestCaseStarted(scenario.id)\n\n  return (\n    <section>\n      <Tags tags={scenario.tags} />\n      <Title header=\"h2\" id={scenario.id}>\n        <Keyword>{scenario.keyword}:</Keyword>\n        <HighLight text={scenario.name} />\n      </Title>\n      <Description description={scenario.description} />\n      <Children>\n        {testCaseStarted && <TestCaseOutcome testCaseStarted={testCaseStarted} />}\n        {examplesList.length > 0 && (\n          <>\n            {examplesList.map((examples, index) => (\n              <Examples key={index} examples={examples} />\n            ))}\n          </>\n        )}\n      </Children>\n    </section>\n  )\n}\n\nexport const Scenario: React.FunctionComponent<ScenarioProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<ScenarioProps>('Scenario', {}, DefaultRenderer)\n  return <ResolvedRenderer {...props} />\n}\n"]}
+{"version":3,"file":"Scenario.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Scenario.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAGL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,eAAe,GAAoC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxE,MAAM,YAAY,GAAG,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAA;IAC5C,MAAM,eAAe,GAAG,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEvD,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI,EAC7B,MAAC,KAAK,IAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,aAChC,MAAC,OAAO,eAAE,QAAQ,CAAC,OAAO,SAAY,EACtC,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI,IAC5B,EACR,KAAC,WAAW,IAAC,WAAW,EAAE,QAAQ,CAAC,WAAW,GAAI,EAClD,MAAC,QAAQ,eACN,eAAe,IAAI,KAAC,eAAe,IAAC,eAAe,EAAE,eAAe,GAAI,EACxE,YAAY,CAAC,MAAM,GAAG,CAAC;wBACtB,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,KAAC,QAAQ,IAAa,QAAQ,EAAE,QAAQ,IAAzB,KAAK,CAAwB,CAAC,IAC5E,IACH,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,gBAAgB,GAAG,kBAAkB,CAAgB,UAAU,EAAE,EAAE,EAAE,eAAe,CAAC,CAAA;IAC3F,OAAO,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import type { FC } from 'react'\n\nimport { useTestCaseStarted } from '../../hooks/useTestCaseStarted.js'\nimport { HighLight } from '../app/HighLight.js'\nimport {\n  type DefaultComponent,\n  type ScenarioProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport { TestCaseOutcome } from '../results/index.js'\nimport { Children } from './Children.js'\nimport { Description } from './Description.js'\nimport { Examples } from './Examples.js'\nimport { Keyword } from './Keyword.js'\nimport { Tags } from './Tags.js'\nimport { Title } from './Title.js'\n\nconst DefaultRenderer: DefaultComponent<ScenarioProps> = ({ scenario }) => {\n  const examplesList = scenario.examples || []\n  const testCaseStarted = useTestCaseStarted(scenario.id)\n\n  return (\n    <section>\n      <Tags tags={scenario.tags} />\n      <Title header=\"h2\" id={scenario.id}>\n        <Keyword>{scenario.keyword}:</Keyword>\n        <HighLight text={scenario.name} />\n      </Title>\n      <Description description={scenario.description} />\n      <Children>\n        {testCaseStarted && <TestCaseOutcome testCaseStarted={testCaseStarted} />}\n        {examplesList.length > 0 &&\n          examplesList.map((examples, index) => <Examples key={index} examples={examples} />)}\n      </Children>\n    </section>\n  )\n}\n\nexport const Scenario: FC<ScenarioProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<ScenarioProps>('Scenario', {}, DefaultRenderer)\n  return <ResolvedRenderer {...props} />\n}\n"]}

package/dist/src/components/gherkin/StatusIcon.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
-import { StatusIconProps } from '../customise/index.js';
+import type { FunctionComponent } from 'react';
+import { type StatusIconProps } from '../customise/index.js';
 export declare const StatusIcon: FunctionComponent<StatusIconProps>;
 //# sourceMappingURL=StatusIcon.d.ts.map

package/dist/src/components/gherkin/StatusIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/StatusIcon.tsx"],"names":[],"mappings":"AAWA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAGL,eAAe,EAEhB,MAAM,uBAAuB,CAAA;AAiB9B,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAOzD,CAAA"}
+{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/StatusIcon.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,EAGL,KAAK,eAAe,EAErB,MAAM,uBAAuB,CAAA;AAiB9B,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAOzD,CAAA"}

package/dist/src/components/gherkin/StatusIcon.js

@@ -1,24 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { faCheckCircle, faInfoCircle, faPauseCircle, faQuestionCircle, faStopCircle, faTimesCircle, } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React from 'react';
 import { useCustomRendering, } from '../customise/index.js';
 import defaultStyles from './StatusIcon.module.scss';
 const DefaultRenderer = ({ status, styles, }) => {
-    return (React.createElement(FontAwesomeIcon, { icon: statusIcon(status), size: "1x", className: styles.icon, "data-status": status }));
+    return (_jsx(FontAwesomeIcon, { icon: statusIcon(status), size: "1x", className: styles.icon, "data-status": status }));
 };
 export const StatusIcon = (props) => {
     const Customised = useCustomRendering('StatusIcon', defaultStyles, DefaultRenderer);
-    return React.createElement(Customised, { ...props });
+    return _jsx(Customised, { ...props });
 };
 const statusIcon = (status) => {
     return {
-        ['PASSED']: faCheckCircle,
-        ['SKIPPED']: faStopCircle,
-        ['PENDING']: faPauseCircle,
-        ['UNDEFINED']: faQuestionCircle,
-        ['AMBIGUOUS']: faInfoCircle,
-        ['FAILED']: faTimesCircle,
-        ['UNKNOWN']: faQuestionCircle,
+        PASSED: faCheckCircle,
+        SKIPPED: faStopCircle,
+        PENDING: faPauseCircle,
+        UNDEFINED: faQuestionCircle,
+        AMBIGUOUS: faInfoCircle,
+        FAILED: faTimesCircle,
+        UNKNOWN: faQuestionCircle,
     }[status];
 };
 //# sourceMappingURL=StatusIcon.js.map

package/dist/src/components/gherkin/StatusIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIcon.js","sourceRoot":"","sources":["../../../../src/components/gherkin/StatusIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,aAAa,GAEd,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,0BAA0B,CAAA;AAEpD,MAAM,eAAe,GAAyD,CAAC,EAC7E,MAAM,EACN,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,eAAe,IACd,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,EACxB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,MAAM,CAAC,IAAI,iBACT,MAAM,GACnB,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAuC,CAAC,KAAK,EAAE,EAAE;IACtE,MAAM,UAAU,GAAG,kBAAkB,CACnC,YAAY,EACZ,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,oBAAC,UAAU,OAAK,KAAK,GAAI,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,MAAqC,EAAkB,EAAE;IAC3E,OAAO;QACL,CAAC,QAAQ,CAAC,EAAE,aAAa;QACzB,CAAC,SAAS,CAAC,EAAE,YAAY;QACzB,CAAC,SAAS,CAAC,EAAE,aAAa;QAC1B,CAAC,WAAW,CAAC,EAAE,gBAAgB;QAC/B,CAAC,WAAW,CAAC,EAAE,YAAY;QAC3B,CAAC,QAAQ,CAAC,EAAE,aAAa;QACzB,CAAC,SAAS,CAAC,EAAE,gBAAgB;KAC9B,CAAC,MAAM,CAAC,CAAA;AACX,CAAC,CAAA","sourcesContent":["import * as messages from '@cucumber/messages'\nimport {\n  faCheckCircle,\n  faInfoCircle,\n  faPauseCircle,\n  faQuestionCircle,\n  faStopCircle,\n  faTimesCircle,\n  IconDefinition,\n} from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React, { FunctionComponent } from 'react'\n\nimport {\n  DefaultComponent,\n  StatusIconClasses,\n  StatusIconProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './StatusIcon.module.scss'\n\nconst DefaultRenderer: DefaultComponent<StatusIconProps, StatusIconClasses> = ({\n  status,\n  styles,\n}) => {\n  return (\n    <FontAwesomeIcon\n      icon={statusIcon(status)}\n      size=\"1x\"\n      className={styles.icon}\n      data-status={status}\n    />\n  )\n}\n\nexport const StatusIcon: FunctionComponent<StatusIconProps> = (props) => {\n  const Customised = useCustomRendering<StatusIconProps, StatusIconClasses>(\n    'StatusIcon',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <Customised {...props} />\n}\n\nconst statusIcon = (status: messages.TestStepResultStatus): IconDefinition => {\n  return {\n    ['PASSED']: faCheckCircle,\n    ['SKIPPED']: faStopCircle,\n    ['PENDING']: faPauseCircle,\n    ['UNDEFINED']: faQuestionCircle,\n    ['AMBIGUOUS']: faInfoCircle,\n    ['FAILED']: faTimesCircle,\n    ['UNKNOWN']: faQuestionCircle,\n  }[status]\n}\n"]}
+{"version":3,"file":"StatusIcon.js","sourceRoot":"","sources":["../../../../src/components/gherkin/StatusIcon.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,aAAa,EACb,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,aAAa,GAEd,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAGhE,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,0BAA0B,CAAA;AAEpD,MAAM,eAAe,GAAyD,CAAC,EAC7E,MAAM,EACN,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,KAAC,eAAe,IACd,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,EACxB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,MAAM,CAAC,IAAI,iBACT,MAAM,GACnB,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAuC,CAAC,KAAK,EAAE,EAAE;IACtE,MAAM,UAAU,GAAG,kBAAkB,CACnC,YAAY,EACZ,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,KAAC,UAAU,OAAK,KAAK,GAAI,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,MAA4B,EAAkB,EAAE;IAClE,OAAO;QACL,MAAM,EAAE,aAAa;QACrB,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,aAAa;QACtB,SAAS,EAAE,gBAAgB;QAC3B,SAAS,EAAE,YAAY;QACvB,MAAM,EAAE,aAAa;QACrB,OAAO,EAAE,gBAAgB;KAC1B,CAAC,MAAM,CAAC,CAAA;AACX,CAAC,CAAA","sourcesContent":["import type { TestStepResultStatus } from '@cucumber/messages'\nimport {\n  faCheckCircle,\n  faInfoCircle,\n  faPauseCircle,\n  faQuestionCircle,\n  faStopCircle,\n  faTimesCircle,\n  type IconDefinition,\n} from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport type { FunctionComponent } from 'react'\n\nimport {\n  type DefaultComponent,\n  type StatusIconClasses,\n  type StatusIconProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './StatusIcon.module.scss'\n\nconst DefaultRenderer: DefaultComponent<StatusIconProps, StatusIconClasses> = ({\n  status,\n  styles,\n}) => {\n  return (\n    <FontAwesomeIcon\n      icon={statusIcon(status)}\n      size=\"1x\"\n      className={styles.icon}\n      data-status={status}\n    />\n  )\n}\n\nexport const StatusIcon: FunctionComponent<StatusIconProps> = (props) => {\n  const Customised = useCustomRendering<StatusIconProps, StatusIconClasses>(\n    'StatusIcon',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <Customised {...props} />\n}\n\nconst statusIcon = (status: TestStepResultStatus): IconDefinition => {\n  return {\n    PASSED: faCheckCircle,\n    SKIPPED: faStopCircle,\n    PENDING: faPauseCircle,\n    UNDEFINED: faQuestionCircle,\n    AMBIGUOUS: faInfoCircle,\n    FAILED: faTimesCircle,\n    UNKNOWN: faQuestionCircle,\n  }[status]\n}\n"]}

package/dist/src/components/gherkin/StepsList.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, ReactNode } from 'react';
+import type { FunctionComponent, ReactNode } from 'react';
 export declare const StepsList: FunctionComponent<{
     children: ReactNode;
 }>;

package/dist/src/components/gherkin/StepsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepsList.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/StepsList.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAI3D,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAMhE,CAAA"}
+{"version":3,"file":"StepsList.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/StepsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIzD,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAMhE,CAAA"}

package/dist/src/components/gherkin/StepsList.js

@@ -1,6 +1,6 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import styles from './StepsList.module.scss';
 export const StepsList = ({ children }) => {
-    return (React.createElement("ol", { "aria-label": "Steps", className: styles.steps }, children));
+    return (_jsx("ol", { "aria-label": "Steps", className: styles.steps, children: children }));
 };
 //# sourceMappingURL=StepsList.js.map

package/dist/src/components/gherkin/StepsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepsList.js","sourceRoot":"","sources":["../../../../src/components/gherkin/StepsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAE3D,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAE5C,MAAM,CAAC,MAAM,SAAS,GAA+C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpF,OAAO,CACL,0CAAe,OAAO,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,IAC3C,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { FunctionComponent, ReactNode } from 'react'\n\nimport styles from './StepsList.module.scss'\n\nexport const StepsList: FunctionComponent<{ children: ReactNode }> = ({ children }) => {\n  return (\n    <ol aria-label=\"Steps\" className={styles.steps}>\n      {children}\n    </ol>\n  )\n}\n"]}
+{"version":3,"file":"StepsList.js","sourceRoot":"","sources":["../../../../src/components/gherkin/StepsList.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAE5C,MAAM,CAAC,MAAM,SAAS,GAA+C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpF,OAAO,CACL,2BAAe,OAAO,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,YAC3C,QAAQ,GACN,CACN,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type { FunctionComponent, ReactNode } from 'react'\n\nimport styles from './StepsList.module.scss'\n\nexport const StepsList: FunctionComponent<{ children: ReactNode }> = ({ children }) => {\n  return (\n    <ol aria-label=\"Steps\" className={styles.steps}>\n      {children}\n    </ol>\n  )\n}\n"]}

package/dist/src/components/gherkin/Tags.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { TagsProps } from '../customise/index.js';
-export declare const Tags: React.FunctionComponent<TagsProps>;
+import type { FC } from 'react';
+import { type TagsProps } from '../customise/index.js';
+export declare const Tags: FC<TagsProps>;
 //# sourceMappingURL=Tags.d.ts.map

package/dist/src/components/gherkin/Tags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tags.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Tags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAiC,SAAS,EAAsB,MAAM,uBAAuB,CAAA;AAkBpG,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAOnD,CAAA"}
+{"version":3,"file":"Tags.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Tags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,uBAAuB,CAAA;AAkB9B,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAO9B,CAAA"}

package/dist/src/components/gherkin/Tags.js

@@ -1,16 +1,15 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { HighLight } from '../app/HighLight.js';
-import { useCustomRendering } from '../customise/index.js';
+import { useCustomRendering, } from '../customise/index.js';
 import defaultStyles from './Tags.module.scss';
 const DefaultRenderer = ({ tags, styles }) => {
     if (!tags.length) {
         return null;
     }
-    return (React.createElement("ul", { "aria-label": "Tags", className: styles.tags }, tags.map((tag, index) => (React.createElement("li", { className: styles.tag, key: index },
-        React.createElement(HighLight, { text: tag.name }))))));
+    return (_jsx("ul", { "aria-label": "Tags", className: styles.tags, children: tags.map((tag, index) => (_jsx("li", { className: styles.tag, children: _jsx(HighLight, { text: tag.name }) }, index))) }));
 };
 export const Tags = (props) => {
     const ResolvedRenderer = useCustomRendering('Tags', defaultStyles, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 //# sourceMappingURL=Tags.js.map

package/dist/src/components/gherkin/Tags.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Tags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAA4C,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AACpG,OAAO,aAAa,MAAM,oBAAoB,CAAA;AAE9C,MAAM,eAAe,GAA6C,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;IACrF,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;QAChB,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CACL,0CAAe,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,IACzC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,4BAAI,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK;QACnC,oBAAC,SAAS,IAAC,IAAI,EAAE,GAAG,CAAC,IAAI,GAAI,CAC1B,CACN,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAuC,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,MAAM,EACN,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nimport { HighLight } from '../app/HighLight.js'\nimport { DefaultComponent, TagsClasses, TagsProps, useCustomRendering } from '../customise/index.js'\nimport defaultStyles from './Tags.module.scss'\n\nconst DefaultRenderer: DefaultComponent<TagsProps, TagsClasses> = ({ tags, styles }) => {\n  if (!tags.length) {\n    return null\n  }\n  return (\n    <ul aria-label=\"Tags\" className={styles.tags}>\n      {tags.map((tag, index) => (\n        <li className={styles.tag} key={index}>\n          <HighLight text={tag.name} />\n        </li>\n      ))}\n    </ul>\n  )\n}\n\nexport const Tags: React.FunctionComponent<TagsProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<TagsProps, TagsClasses>(\n    'Tags',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}
+{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Tags.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,oBAAoB,CAAA;AAE9C,MAAM,eAAe,GAA6C,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;IACrF,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACjB,OAAO,IAAI,CAAA;IACb,CAAC;IACD,OAAO,CACL,2BAAe,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,YACzC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,aAAI,SAAS,EAAE,MAAM,CAAC,GAAG,YACvB,KAAC,SAAS,IAAC,IAAI,EAAE,GAAG,CAAC,IAAI,GAAI,IADC,KAAK,CAEhC,CACN,CAAC,GACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,MAAM,EACN,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import type { FC } from 'react'\n\nimport { HighLight } from '../app/HighLight.js'\nimport {\n  type DefaultComponent,\n  type TagsClasses,\n  type TagsProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './Tags.module.scss'\n\nconst DefaultRenderer: DefaultComponent<TagsProps, TagsClasses> = ({ tags, styles }) => {\n  if (!tags.length) {\n    return null\n  }\n  return (\n    <ul aria-label=\"Tags\" className={styles.tags}>\n      {tags.map((tag, index) => (\n        <li className={styles.tag} key={index}>\n          <HighLight text={tag.name} />\n        </li>\n      ))}\n    </ul>\n  )\n}\n\nexport const Tags: FC<TagsProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<TagsProps, TagsClasses>(\n    'Tags',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}

package/dist/src/components/gherkin/Title.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { TitleProps } from '../customise/index.js';
-export declare const Title: React.FunctionComponent<TitleProps>;
+import type { FC } from 'react';
+import { type TitleProps } from '../customise/index.js';
+export declare const Title: FC<TitleProps>;
 //# sourceMappingURL=Title.d.ts.map

package/dist/src/components/gherkin/Title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAGL,UAAU,EAEX,MAAM,uBAAuB,CAAA;AAmB9B,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAOrD,CAAA"}
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAGL,KAAK,UAAU,EAEhB,MAAM,uBAAuB,CAAA;AAmB9B,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAOhC,CAAA"}

package/dist/src/components/gherkin/Title.js

@@ -1,13 +1,12 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useCustomRendering, } from '../customise/index.js';
 import { Anchor } from './Anchor.js';
 import defaultStyles from './Title.module.scss';
 const DefaultRenderer = ({ header: Header, id, children, styles, }) => {
-    return (React.createElement(Anchor, { id: id },
-        React.createElement(Header, { id: id, className: styles.title }, children)));
+    return (_jsx(Anchor, { id: id, children: _jsx(Header, { id: id, className: styles.title, children: children }) }));
 };
 export const Title = (props) => {
     const ResolvedRenderer = useCustomRendering('Title', defaultStyles, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 //# sourceMappingURL=Title.js.map

package/dist/src/components/gherkin/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAE/C,MAAM,eAAe,GAA+C,CAAC,EACnE,MAAM,EAAE,MAAM,EACd,EAAE,EACF,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,MAAM,IAAC,EAAE,EAAE,EAAE;QACZ,oBAAC,MAAM,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,IACpC,QAAQ,CACF,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAwC,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,OAAO,EACP,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nimport {\n  DefaultComponent,\n  TitleClasses,\n  TitleProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport { Anchor } from './Anchor.js'\nimport defaultStyles from './Title.module.scss'\n\nconst DefaultRenderer: DefaultComponent<TitleProps, TitleClasses> = ({\n  header: Header,\n  id,\n  children,\n  styles,\n}) => {\n  return (\n    <Anchor id={id}>\n      <Header id={id} className={styles.title}>\n        {children}\n      </Header>\n    </Anchor>\n  )\n}\n\nexport const Title: React.FunctionComponent<TitleProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<TitleProps, TitleClasses>(\n    'Title',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Title.tsx"],"names":[],"mappings":";AAEA,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAE/C,MAAM,eAAe,GAA+C,CAAC,EACnE,MAAM,EAAE,MAAM,EACd,EAAE,EACF,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,YACZ,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YACpC,QAAQ,GACF,GACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,OAAO,EACP,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import type { FC } from 'react'\n\nimport {\n  type DefaultComponent,\n  type TitleClasses,\n  type TitleProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport { Anchor } from './Anchor.js'\nimport defaultStyles from './Title.module.scss'\n\nconst DefaultRenderer: DefaultComponent<TitleProps, TitleClasses> = ({\n  header: Header,\n  id,\n  children,\n  styles,\n}) => {\n  return (\n    <Anchor id={id}>\n      <Header id={id} className={styles.title}>\n        {children}\n      </Header>\n    </Anchor>\n  )\n}\n\nexport const Title: FC<TitleProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<TitleProps, TitleClasses>(\n    'Title',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}

package/dist/src/components/gherkin/attachment/Attachment.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { AttachmentProps } from '../../customise/index.js';
-export declare const Attachment: React.FunctionComponent<AttachmentProps>;
+import type { FC } from 'react';
+import { type AttachmentProps } from '../../customise/index.js';
+export declare const Attachment: FC<AttachmentProps>;
 //# sourceMappingURL=Attachment.d.ts.map

package/dist/src/components/gherkin/attachment/Attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAEL,eAAe,EAGhB,MAAM,0BAA0B,CAAA;AA+BjC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAW/D,CAAA"}
+{"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,EAEL,KAAK,eAAe,EAGrB,MAAM,0BAA0B,CAAA;AAmCjC,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAW1C,CAAA"}