@cucumber/react-components 24.1.2 → 24.3.0

package/dist/src/components/customise/CustomRendering.js

@@ -1,34 +1,35 @@
-import React, { useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, } from 'react';
 function mixinStyles(builtIn, custom) {
     const mixed = {};
-    Object.keys(builtIn).forEach((key) => {
+    for (const key of Object.keys(builtIn)) {
         if (builtIn[key]) {
             mixed[key] = builtIn[key];
         }
         if (custom && typeof custom !== 'function' && custom[key]) {
             mixed[key] = custom[key];
         }
-    });
+    }
     return mixed;
 }
-export const CustomRenderingContext = React.createContext({});
+export const CustomRenderingContext = createContext({});
 export function useCustomRendering(component, defaultStyles, DefaultRenderer) {
     const { [component]: Custom } = useContext(CustomRenderingContext);
-    // @ts-ignore
+    // @ts-expect-error
     const composedStyles = mixinStyles(defaultStyles, Custom);
     const StyledDefaultRenderer = (props) => {
-        return React.createElement(DefaultRenderer, { ...props, styles: composedStyles });
+        return _jsx(DefaultRenderer, { ...props, styles: composedStyles });
     };
     if (typeof Custom === 'function') {
         const StyledCustomRenderer = (props) => {
-            // @ts-ignore
-            return React.createElement(Custom, { ...props, styles: composedStyles, DefaultRenderer: StyledDefaultRenderer });
+            // @ts-expect-error
+            return _jsx(Custom, { ...props, styles: composedStyles, DefaultRenderer: StyledDefaultRenderer });
         };
         return StyledCustomRenderer;
     }
     return StyledDefaultRenderer;
 }
 export const CustomRendering = ({ overrides, children, }) => {
-    return (React.createElement(CustomRenderingContext.Provider, { value: overrides }, children));
+    return (_jsx(CustomRenderingContext.Provider, { value: overrides, children: children }));
 };
 //# sourceMappingURL=CustomRendering.js.map

package/dist/src/components/customise/CustomRendering.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomRendering.js","sourceRoot":"","sources":["../../../../src/components/customise/CustomRendering.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAuD,UAAU,EAAE,MAAM,OAAO,CAAA;AAE9F,SAAS,WAAW,CAClB,OAA+B,EAC/B,MAAyD;IAEzD,MAAM,KAAK,GAA4B,EAAE,CAAA;IACzC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACnC,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE;YAChB,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAA;SAC1B;QACD,IAAI,MAAM,IAAI,OAAO,MAAM,KAAK,UAAU,IAAI,MAAM,CAAC,GAAG,CAAC,EAAE;YACzD,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;SACzB;IACH,CAAC,CAAC,CAAA;IACF,OAAO,KAAgB,CAAA;AACzB,CAAC;AAsJD,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAAyB,EAAE,CAAC,CAAA;AAErF,MAAM,UAAU,kBAAkB,CAChC,SAA2B,EAC3B,aAAqC,EACrC,eAAiD;IAEjD,MAAM,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IAClE,aAAa;IACb,MAAM,cAAc,GAAG,WAAW,CAAU,aAAa,EAAE,MAAM,CAAC,CAAA;IAClE,MAAM,qBAAqB,GAAmC,CAAC,KAAK,EAAE,EAAE;QACtE,OAAO,oBAAC,eAAe,OAAK,KAAK,EAAE,MAAM,EAAE,cAAc,GAAI,CAAA;IAC/D,CAAC,CAAA;IACD,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE;QAChC,MAAM,oBAAoB,GAAmC,CAAC,KAAK,EAAE,EAAE;YACrE,aAAa;YACb,OAAO,oBAAC,MAAM,OAAK,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,qBAAqB,GAAI,CAAA;QAC9F,CAAC,CAAA;QACD,OAAO,oBAAoB,CAAA;KAC5B;IACD,OAAO,qBAAqB,CAAA;AAC9B,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAiE,CAAC,EAC5F,SAAS,EACT,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAG,QAAQ,CAAmC,CAChG,CAAA;AACH,CAAC,CAAA","sourcesContent":["import * as messages from '@cucumber/messages'\nimport React, { FC, FunctionComponent, PropsWithChildren, ReactNode, useContext } from 'react'\n\nfunction mixinStyles<Classes>(\n  builtIn: Record<string, string>,\n  custom?: Record<string, string> | React.FunctionComponent\n): Classes {\n  const mixed: Record<string, unknown> = {}\n  Object.keys(builtIn).forEach((key) => {\n    if (builtIn[key]) {\n      mixed[key] = builtIn[key]\n    }\n    if (custom && typeof custom !== 'function' && custom[key]) {\n      mixed[key] = custom[key]\n    }\n  })\n  return mixed as Classes\n}\n\ntype Styles<C extends string> = Record<C, string>\n\nexport interface AnchorProps {\n  id: string\n  children: ReactNode\n}\n\nexport type AnchorClasses = Styles<'wrapper' | 'anchor'>\n\nexport interface AttachmentProps {\n  attachment: messages.Attachment\n}\n\nexport type AttachmentClasses = Styles<'text' | 'log' | 'icon' | 'image' | 'links'>\n\nexport interface BackgroundProps {\n  background: messages.Background\n}\n\nexport interface ChildrenProps {\n  children: ReactNode\n}\n\nexport type ChildrenClasses = Styles<'children'>\n\nexport interface DataTableProps {\n  dataTable: messages.DataTable | messages.PickleTable\n}\n\nexport type DataTableClasses = Styles<'table'>\n\nexport interface DescriptionProps {\n  description?: string\n}\n\nexport type DescriptionClasses = Styles<'content'>\n\nexport interface DocStringProps {\n  docString: messages.DocString | messages.PickleDocString\n}\n\nexport type DocStringClasses = Styles<'docString'>\n\nexport interface ErrorMessageProps {\n  message?: string\n  children?: ReactNode\n}\n\nexport type ErrorMessageClasses = Styles<'message'>\n\nexport interface ExamplesProps {\n  examples: messages.Examples\n}\n\nexport interface FeatureProps {\n  feature: messages.Feature\n}\n\nexport interface GherkinDocumentProps {\n  gherkinDocument: messages.GherkinDocument\n}\n\nexport type Header = 'h1' | 'h2' | 'h3' | 'h4' | 'h5'\n\nexport interface KeywordProps {\n  children: ReactNode\n}\n\nexport type KeywordClasses = Styles<'keyword'>\n\nexport interface ParameterProps {\n  parameterTypeName: string\n  value: string\n  children: ReactNode\n}\n\nexport type ParameterClasses = Styles<'parameter'>\n\nexport interface StatusIconProps {\n  status: messages.TestStepResultStatus\n}\n\nexport interface RuleProps {\n  rule: messages.Rule\n}\n\nexport interface ScenarioProps {\n  scenario: messages.Scenario\n}\n\nexport type StatusIconClasses = Styles<'icon'>\n\nexport interface TagsProps {\n  tags: readonly messages.Tag[] | readonly messages.PickleTag[]\n}\n\nexport type TagsClasses = Styles<'tags' | 'tag'>\n\nexport interface TitleProps {\n  header: Header\n  id: string\n  children: ReactNode\n}\n\nexport type TitleClasses = Styles<'title'>\n\nexport declare type DefaultComponent<\n  Props,\n  Classes extends Styles<string> = Record<string, string>,\n> = FunctionComponent<Props & { styles: Classes }>\n\nexport declare type CustomisedComponent<\n  Props,\n  Classes = Record<string, string>,\n> = React.FunctionComponent<\n  Props & {\n    styles: Classes\n    DefaultRenderer: React.FunctionComponent<Props>\n  }\n>\n\nexport declare type Customised<Props, Classes = Record<string, string>> =\n  | CustomisedComponent<Props, Classes>\n  | Partial<Classes>\n\nexport interface CustomRenderingSupport {\n  Anchor?: Customised<AnchorProps, AnchorClasses>\n  Attachment?: Customised<AttachmentProps, AttachmentClasses>\n  Background?: Customised<BackgroundProps>\n  Children?: Customised<ChildrenProps, ChildrenClasses>\n  DataTable?: Customised<DataTableProps, DataTableClasses>\n  Description?: Customised<DescriptionProps, DescriptionClasses>\n  DocString?: Customised<DocStringProps, DocStringClasses>\n  ErrorMessage?: Customised<ErrorMessageProps, ErrorMessageClasses>\n  Examples?: Customised<ExamplesProps>\n  Feature?: Customised<FeatureProps>\n  GherkinDocument?: Customised<GherkinDocumentProps>\n  Keyword?: Customised<KeywordProps, KeywordClasses>\n  Parameter?: Customised<ParameterProps, ParameterClasses>\n  Rule?: Customised<RuleProps>\n  Scenario?: Customised<ScenarioProps>\n  StatusIcon?: Customised<StatusIconProps, StatusIconClasses>\n  Tags?: Customised<TagsProps, TagsClasses>\n  Title?: Customised<TitleProps, TitleClasses>\n}\n\nexport declare type CustomRenderable = keyof CustomRenderingSupport\n\nexport const CustomRenderingContext = React.createContext<CustomRenderingSupport>({})\n\nexport function useCustomRendering<Props, Classes extends Styles<string> = Record<string, string>>(\n  component: CustomRenderable,\n  defaultStyles: Record<string, string>,\n  DefaultRenderer: DefaultComponent<Props, Classes>\n): FunctionComponent<Props> {\n  const { [component]: Custom } = useContext(CustomRenderingContext)\n  // @ts-ignore\n  const composedStyles = mixinStyles<Classes>(defaultStyles, Custom)\n  const StyledDefaultRenderer: React.FunctionComponent<Props> = (props) => {\n    return <DefaultRenderer {...props} styles={composedStyles} />\n  }\n  if (typeof Custom === 'function') {\n    const StyledCustomRenderer: React.FunctionComponent<Props> = (props) => {\n      // @ts-ignore\n      return <Custom {...props} styles={composedStyles} DefaultRenderer={StyledDefaultRenderer} />\n    }\n    return StyledCustomRenderer\n  }\n  return StyledDefaultRenderer\n}\n\nexport const CustomRendering: FC<PropsWithChildren<{ overrides: CustomRenderingSupport }>> = ({\n  overrides,\n  children,\n}) => {\n  return (\n    <CustomRenderingContext.Provider value={overrides}>{children}</CustomRenderingContext.Provider>\n  )\n}\n"]}
+{"version":3,"file":"CustomRendering.js","sourceRoot":"","sources":["../../../../src/components/customise/CustomRendering.tsx"],"names":[],"mappings":";AAgBA,OAAO,EACL,aAAa,EAKb,UAAU,GACX,MAAM,OAAO,CAAA;AAEd,SAAS,WAAW,CAClB,OAA+B,EAC/B,MAAmD;IAEnD,MAAM,KAAK,GAA4B,EAAE,CAAA;IACzC,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QACvC,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACjB,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAA;QAC3B,CAAC;QACD,IAAI,MAAM,IAAI,OAAO,MAAM,KAAK,UAAU,IAAI,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;YAC1D,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC;IACD,OAAO,KAAgB,CAAA;AACzB,CAAC;AAsJD,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAyB,EAAE,CAAC,CAAA;AAE/E,MAAM,UAAU,kBAAkB,CAChC,SAA2B,EAC3B,aAAqC,EACrC,eAAiD;IAEjD,MAAM,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IAClE,mBAAmB;IACnB,MAAM,cAAc,GAAG,WAAW,CAAU,aAAa,EAAE,MAAM,CAAC,CAAA;IAClE,MAAM,qBAAqB,GAA6B,CAAC,KAAK,EAAE,EAAE;QAChE,OAAO,KAAC,eAAe,OAAK,KAAK,EAAE,MAAM,EAAE,cAAc,GAAI,CAAA;IAC/D,CAAC,CAAA;IACD,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;QACjC,MAAM,oBAAoB,GAA6B,CAAC,KAAK,EAAE,EAAE;YAC/D,mBAAmB;YACnB,OAAO,KAAC,MAAM,OAAK,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,qBAAqB,GAAI,CAAA;QAC9F,CAAC,CAAA;QACD,OAAO,oBAAoB,CAAA;IAC7B,CAAC;IACD,OAAO,qBAAqB,CAAA;AAC9B,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAiE,CAAC,EAC5F,SAAS,EACT,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,YAAG,QAAQ,GAAmC,CAChG,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type {\n  Attachment,\n  Background,\n  DataTable,\n  DocString,\n  Examples,\n  Feature,\n  GherkinDocument,\n  PickleDocString,\n  PickleTable,\n  PickleTag,\n  Rule,\n  Scenario,\n  Tag,\n  TestStepResultStatus,\n} from '@cucumber/messages'\nimport {\n  createContext,\n  type FC,\n  type FunctionComponent,\n  type PropsWithChildren,\n  type ReactNode,\n  useContext,\n} from 'react'\n\nfunction mixinStyles<Classes>(\n  builtIn: Record<string, string>,\n  custom?: Record<string, string> | FunctionComponent\n): Classes {\n  const mixed: Record<string, unknown> = {}\n  for (const key of Object.keys(builtIn)) {\n    if (builtIn[key]) {\n      mixed[key] = builtIn[key]\n    }\n    if (custom && typeof custom !== 'function' && custom[key]) {\n      mixed[key] = custom[key]\n    }\n  }\n  return mixed as Classes\n}\n\ntype Styles<C extends string> = Record<C, string>\n\nexport interface AnchorProps {\n  id: string\n  children: ReactNode\n}\n\nexport type AnchorClasses = Styles<'wrapper' | 'anchor'>\n\nexport interface AttachmentProps {\n  attachment: Attachment\n}\n\nexport type AttachmentClasses = Styles<'text' | 'copyButton' | 'log' | 'icon' | 'image' | 'links'>\n\nexport interface BackgroundProps {\n  background: Background\n}\n\nexport interface ChildrenProps {\n  children: ReactNode\n}\n\nexport type ChildrenClasses = Styles<'children'>\n\nexport interface DataTableProps {\n  dataTable: DataTable | PickleTable\n}\n\nexport type DataTableClasses = Styles<'table'>\n\nexport interface DescriptionProps {\n  description?: string\n}\n\nexport type DescriptionClasses = Styles<'content'>\n\nexport interface DocStringProps {\n  docString: DocString | PickleDocString\n}\n\nexport type DocStringClasses = Styles<'docString'>\n\nexport interface ErrorMessageProps {\n  message?: string\n  children?: ReactNode\n}\n\nexport type ErrorMessageClasses = Styles<'message' | 'copyButton'>\n\nexport interface ExamplesProps {\n  examples: Examples\n}\n\nexport interface FeatureProps {\n  feature: Feature\n}\n\nexport interface GherkinDocumentProps {\n  gherkinDocument: GherkinDocument\n}\n\nexport type Header = 'h1' | 'h2' | 'h3' | 'h4' | 'h5'\n\nexport interface KeywordProps {\n  children: ReactNode\n}\n\nexport type KeywordClasses = Styles<'keyword'>\n\nexport interface ParameterProps {\n  parameterTypeName: string\n  value: string\n  children: ReactNode\n}\n\nexport type ParameterClasses = Styles<'parameter'>\n\nexport interface StatusIconProps {\n  status: TestStepResultStatus\n}\n\nexport interface RuleProps {\n  rule: Rule\n}\n\nexport interface ScenarioProps {\n  scenario: Scenario\n}\n\nexport type StatusIconClasses = Styles<'icon'>\n\nexport interface TagsProps {\n  tags: readonly Tag[] | readonly PickleTag[]\n}\n\nexport type TagsClasses = Styles<'tags' | 'tag'>\n\nexport interface TitleProps {\n  header: Header\n  id: string\n  children: ReactNode\n}\n\nexport type TitleClasses = Styles<'title'>\n\nexport declare type DefaultComponent<\n  Props,\n  Classes extends Styles<string> = Record<string, string>,\n> = FunctionComponent<Props & { styles: Classes }>\n\nexport declare type CustomisedComponent<\n  Props,\n  Classes = Record<string, string>,\n> = FunctionComponent<\n  Props & {\n    styles: Classes\n    DefaultRenderer: FunctionComponent<Props>\n  }\n>\n\nexport declare type Customised<Props, Classes = Record<string, string>> =\n  | CustomisedComponent<Props, Classes>\n  | Partial<Classes>\n\nexport interface CustomRenderingSupport {\n  Anchor?: Customised<AnchorProps, AnchorClasses>\n  Attachment?: Customised<AttachmentProps, AttachmentClasses>\n  Background?: Customised<BackgroundProps>\n  Children?: Customised<ChildrenProps, ChildrenClasses>\n  DataTable?: Customised<DataTableProps, DataTableClasses>\n  Description?: Customised<DescriptionProps, DescriptionClasses>\n  DocString?: Customised<DocStringProps, DocStringClasses>\n  ErrorMessage?: Customised<ErrorMessageProps, ErrorMessageClasses>\n  Examples?: Customised<ExamplesProps>\n  Feature?: Customised<FeatureProps>\n  GherkinDocument?: Customised<GherkinDocumentProps>\n  Keyword?: Customised<KeywordProps, KeywordClasses>\n  Parameter?: Customised<ParameterProps, ParameterClasses>\n  Rule?: Customised<RuleProps>\n  Scenario?: Customised<ScenarioProps>\n  StatusIcon?: Customised<StatusIconProps, StatusIconClasses>\n  Tags?: Customised<TagsProps, TagsClasses>\n  Title?: Customised<TitleProps, TitleClasses>\n}\n\nexport declare type CustomRenderable = keyof CustomRenderingSupport\n\nexport const CustomRenderingContext = createContext<CustomRenderingSupport>({})\n\nexport function useCustomRendering<Props, Classes extends Styles<string> = Record<string, string>>(\n  component: CustomRenderable,\n  defaultStyles: Record<string, string>,\n  DefaultRenderer: DefaultComponent<Props, Classes>\n): FunctionComponent<Props> {\n  const { [component]: Custom } = useContext(CustomRenderingContext)\n  // @ts-expect-error\n  const composedStyles = mixinStyles<Classes>(defaultStyles, Custom)\n  const StyledDefaultRenderer: FunctionComponent<Props> = (props) => {\n    return <DefaultRenderer {...props} styles={composedStyles} />\n  }\n  if (typeof Custom === 'function') {\n    const StyledCustomRenderer: FunctionComponent<Props> = (props) => {\n      // @ts-expect-error\n      return <Custom {...props} styles={composedStyles} DefaultRenderer={StyledDefaultRenderer} />\n    }\n    return StyledCustomRenderer\n  }\n  return StyledDefaultRenderer\n}\n\nexport const CustomRendering: FC<PropsWithChildren<{ overrides: CustomRenderingSupport }>> = ({\n  overrides,\n  children,\n}) => {\n  return (\n    <CustomRenderingContext.Provider value={overrides}>{children}</CustomRenderingContext.Provider>\n  )\n}\n"]}

package/dist/src/components/customise/CustomRendering.stories.scss

@@ -6,20 +6,3 @@
   text-shadow: 1px 1px 2px white;
   padding: 10px;
 }
-
-.dark-theme {
-  background-color: #1d1d26;
-  color: #c9c9d1;
-  --cucumber-anchor-color: #4caaee;
-  --cucumber-keyword-color: #d89077;
-  --cucumber-parameter-color: #4caaee;
-  --cucumber-tag-color: #85a658;
-  --cucumber-docstring-color: #66a565;
-  --cucumber-error-background-color: #cf6679;
-  --cucumber-error-text-color: #222;
-  --cucumber-code-background-color: #282a36;
-  --cucumber-code-text-color: #f8f8f2;
-  --cucumber-panel-background-color: #282a36;
-  --cucumber-panel-accent-color: #313442;
-  --cucumber-panel-text-color: #f8f8f2;
-}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Anchor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAEL,WAAW,EAGZ,MAAM,uBAAuB,CAAA;AAkB9B,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAOvD,CAAA"}
+{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Anchor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAEL,KAAK,WAAW,EAGjB,MAAM,uBAAuB,CAAA;AAkB9B,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAOlC,CAAA"}

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

@@ -1,16 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { faLink } 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 './Anchor.module.scss';
 const DefaultRenderer = ({ id, styles, children, }) => {
-    return (React.createElement("div", { className: styles.wrapper },
-        React.createElement("a", { href: '#' + id, className: defaultStyles.anchor },
-            React.createElement(FontAwesomeIcon, { icon: faLink })),
-        children));
+    return (_jsxs("div", { className: styles.wrapper, children: [_jsx("a", { href: `#${id}`, className: defaultStyles.anchor, children: _jsx(FontAwesomeIcon, { icon: faLink }) }), children] }));
 };
 export const Anchor = (props) => {
     const ResolvedRenderer = useCustomRendering('Anchor', defaultStyles, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 //# sourceMappingURL=Anchor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,sBAAsB,CAAA;AAEhD,MAAM,eAAe,GAAiD,CAAC,EACrE,EAAE,EACF,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;QAC5B,2BAAG,IAAI,EAAE,GAAG,GAAG,EAAE,EAAE,SAAS,EAAE,aAAa,CAAC,MAAM;YAChD,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI,CAC/B;QACH,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAyC,CAAC,KAAK,EAAE,EAAE;IACpE,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,QAAQ,EACR,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import { faLink } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React from 'react'\n\nimport {\n  AnchorClasses,\n  AnchorProps,\n  DefaultComponent,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './Anchor.module.scss'\n\nconst DefaultRenderer: DefaultComponent<AnchorProps, AnchorClasses> = ({\n  id,\n  styles,\n  children,\n}) => {\n  return (\n    <div className={styles.wrapper}>\n      <a href={'#' + id} className={defaultStyles.anchor}>\n        <FontAwesomeIcon icon={faLink} />\n      </a>\n      {children}\n    </div>\n  )\n}\n\nexport const Anchor: React.FunctionComponent<AnchorProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<AnchorProps, AnchorClasses>(\n    'Anchor',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}
+{"version":3,"file":"Anchor.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Anchor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAGhE,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,sBAAsB,CAAA;AAEhD,MAAM,eAAe,GAAiD,CAAC,EACrE,EAAE,EACF,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC5B,YAAG,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,CAAC,MAAM,YAChD,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI,GAC/B,EACH,QAAQ,IACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC/C,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,QAAQ,EACR,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import { faLink } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport type { FC } from 'react'\n\nimport {\n  type AnchorClasses,\n  type AnchorProps,\n  type DefaultComponent,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './Anchor.module.scss'\n\nconst DefaultRenderer: DefaultComponent<AnchorProps, AnchorClasses> = ({\n  id,\n  styles,\n  children,\n}) => {\n  return (\n    <div className={styles.wrapper}>\n      <a href={`#${id}`} className={defaultStyles.anchor}>\n        <FontAwesomeIcon icon={faLink} />\n      </a>\n      {children}\n    </div>\n  )\n}\n\nexport const Anchor: FC<AnchorProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<AnchorProps, AnchorClasses>(\n    'Anchor',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAwC,MAAM,uBAAuB,CAAA;AAwB7F,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAG/D,CAAA"}
+{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EACL,KAAK,eAAe,EAGrB,MAAM,uBAAuB,CAAA;AAwB9B,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAG1C,CAAA"}

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { useCustomRendering } from '../customise/index.js';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useCustomRendering, } from '../customise/index.js';
 import { Description } from './Description.js';
 import { Keyword } from './Keyword.js';
 import { Title } from './Title.js';
@@ -9,16 +9,10 @@ const DefaultRenderer = ({ background }) => {
     if (!hasName && !hasDescription) {
         return null;
     }
-    return (React.createElement("section", null,
-        React.createElement(Title, { header: "h2", id: background.id },
-            React.createElement(Keyword, null,
-                background.keyword,
-                ":"),
-            React.createElement("span", null, background.name)),
-        React.createElement(Description, { description: background.description })));
+    return (_jsxs("section", { children: [_jsxs(Title, { header: "h2", id: background.id, children: [_jsxs(Keyword, { children: [background.keyword, ":"] }), _jsx("span", { children: background.name })] }), _jsx(Description, { description: background.description })] }));
 };
 export const Background = (props) => {
     const ResolvedRenderer = useCustomRendering('Background', {}, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 //# sourceMappingURL=Background.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAqC,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,eAAe,GAAsC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IAC5E,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAA;IAChE,MAAM,cAAc,GAAG,UAAU,CAAC,WAAW,IAAI,UAAU,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,CAAA;IAErF,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,EAAE;QAC/B,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL;QACE,oBAAC,KAAK,IAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAE,UAAU,CAAC,EAAE;YAClC,oBAAC,OAAO;gBAAE,UAAU,CAAC,OAAO;oBAAY;YACxC,kCAAO,UAAU,CAAC,IAAI,CAAQ,CACxB;QACR,oBAAC,WAAW,IAAC,WAAW,EAAE,UAAU,CAAC,WAAW,GAAI,CAC5C,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,KAAK,EAAE,EAAE;IAC5E,MAAM,gBAAgB,GAAG,kBAAkB,CAAkB,YAAY,EAAE,EAAE,EAAE,eAAe,CAAC,CAAA;IAC/F,OAAO,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nimport { BackgroundProps, DefaultComponent, useCustomRendering } from '../customise/index.js'\nimport { Description } from './Description.js'\nimport { Keyword } from './Keyword.js'\nimport { Title } from './Title.js'\n\nconst DefaultRenderer: DefaultComponent<BackgroundProps> = ({ background }) => {\n  const hasName = background.name && background.name.trim() !== ''\n  const hasDescription = background.description && background.description.trim() !== ''\n\n  if (!hasName && !hasDescription) {\n    return null\n  }\n\n  return (\n    <section>\n      <Title header=\"h2\" id={background.id}>\n        <Keyword>{background.keyword}:</Keyword>\n        <span>{background.name}</span>\n      </Title>\n      <Description description={background.description} />\n    </section>\n  )\n}\n\nexport const Background: React.FunctionComponent<BackgroundProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<BackgroundProps>('Background', {}, DefaultRenderer)\n  return <ResolvedRenderer {...props} />\n}\n"]}
+{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Background.tsx"],"names":[],"mappings":";AAEA,OAAO,EAGL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,eAAe,GAAsC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IAC5E,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAA;IAChE,MAAM,cAAc,GAAG,UAAU,CAAC,WAAW,IAAI,UAAU,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,CAAA;IAErF,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;QAChC,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,8BACE,MAAC,KAAK,IAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAE,UAAU,CAAC,EAAE,aAClC,MAAC,OAAO,eAAE,UAAU,CAAC,OAAO,SAAY,EACxC,yBAAO,UAAU,CAAC,IAAI,GAAQ,IACxB,EACR,KAAC,WAAW,IAAC,WAAW,EAAE,UAAU,CAAC,WAAW,GAAI,IAC5C,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,gBAAgB,GAAG,kBAAkB,CAAkB,YAAY,EAAE,EAAE,EAAE,eAAe,CAAC,CAAA;IAC/F,OAAO,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import type { FC } from 'react'\n\nimport {\n  type BackgroundProps,\n  type DefaultComponent,\n  useCustomRendering,\n} from '../customise/index.js'\nimport { Description } from './Description.js'\nimport { Keyword } from './Keyword.js'\nimport { Title } from './Title.js'\n\nconst DefaultRenderer: DefaultComponent<BackgroundProps> = ({ background }) => {\n  const hasName = background.name && background.name.trim() !== ''\n  const hasDescription = background.description && background.description.trim() !== ''\n\n  if (!hasName && !hasDescription) {\n    return null\n  }\n\n  return (\n    <section>\n      <Title header=\"h2\" id={background.id}>\n        <Keyword>{background.keyword}:</Keyword>\n        <span>{background.name}</span>\n      </Title>\n      <Description description={background.description} />\n    </section>\n  )\n}\n\nexport const Background: FC<BackgroundProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<BackgroundProps>('Background', {}, DefaultRenderer)\n  return <ResolvedRenderer {...props} />\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Children.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAEL,aAAa,EAGd,MAAM,uBAAuB,CAAA;AAU9B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAO3D,CAAA"}
+{"version":3,"file":"Children.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAEL,KAAK,aAAa,EAGnB,MAAM,uBAAuB,CAAA;AAU9B,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAOtC,CAAA"}

package/dist/src/components/gherkin/Children.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 './Children.module.scss';
 const DefaultRenderer = ({ styles, children, }) => {
-    return React.createElement("div", { className: styles.children }, children);
+    return _jsx("div", { className: styles.children, children: children });
 };
 export const Children = (props) => {
     const ResolvedRenderer = useCustomRendering('Children', defaultStyles, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 //# sourceMappingURL=Children.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Children.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,wBAAwB,CAAA;AAElD,MAAM,eAAe,GAAqD,CAAC,EACzE,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAG,QAAQ,CAAO,CAAA;AAC1D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAA2C,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,UAAU,EACV,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nimport {\n  ChildrenClasses,\n  ChildrenProps,\n  DefaultComponent,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './Children.module.scss'\n\nconst DefaultRenderer: DefaultComponent<ChildrenProps, ChildrenClasses> = ({\n  styles,\n  children,\n}) => {\n  return <div className={styles.children}>{children}</div>\n}\n\nexport const Children: React.FunctionComponent<ChildrenProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<ChildrenProps, ChildrenClasses>(\n    'Children',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}
+{"version":3,"file":"Children.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Children.tsx"],"names":[],"mappings":";AAEA,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,wBAAwB,CAAA;AAElD,MAAM,eAAe,GAAqD,CAAC,EACzE,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAO,CAAA;AAC1D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,UAAU,EACV,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 ChildrenClasses,\n  type ChildrenProps,\n  type DefaultComponent,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './Children.module.scss'\n\nconst DefaultRenderer: DefaultComponent<ChildrenProps, ChildrenClasses> = ({\n  styles,\n  children,\n}) => {\n  return <div className={styles.children}>{children}</div>\n}\n\nexport const Children: FC<ChildrenProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<ChildrenProps, ChildrenClasses>(\n    'Children',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAEL,cAAc,EAGf,MAAM,uBAAuB,CAAA;AAiC9B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAO7D,CAAA"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,EAEL,KAAK,cAAc,EAGpB,MAAM,uBAAuB,CAAA;AAiC9B,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAOxC,CAAA"}

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

@@ -1,18 +1,16 @@
-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 defaultStyles from './DataTable.module.scss';
 import isNumber from './isNumber.js';
 const TableBody = ({ rows }) => {
-    return (React.createElement("tbody", null, rows.map((row, i) => (React.createElement("tr", { key: i }, (row.cells || []).map((cell, j) => (React.createElement("td", { key: j, style: { textAlign: isNumber(cell.value) ? 'right' : 'left' } },
-        React.createElement(HighLight, { text: cell.value })))))))));
+    return (_jsx("tbody", { children: rows.map((row, i) => (_jsx("tr", { children: (row.cells || []).map((cell, j) => (_jsx("td", { style: { textAlign: isNumber(cell.value) ? 'right' : 'left' }, children: _jsx(HighLight, { text: cell.value }) }, j))) }, i))) }));
 };
 const DefaultRenderer = ({ dataTable, styles, }) => {
-    return (React.createElement("table", { className: styles.table },
-        React.createElement(TableBody, { rows: dataTable.rows || [] })));
+    return (_jsx("table", { className: styles.table, children: _jsx(TableBody, { rows: dataTable.rows || [] }) }));
 };
 export const DataTable = (props) => {
     const ResolvedRenderer = useCustomRendering('DataTable', defaultStyles, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 //# sourceMappingURL=DataTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../src/components/gherkin/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,yBAAyB,CAAA;AACnD,OAAO,QAAQ,MAAM,eAAe,CAAA;AAEpC,MAAM,SAAS,GAEV,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,OAAO,CACL,mCACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,4BAAI,GAAG,EAAE,CAAC,IACP,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,4BAAI,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE;QACvE,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,CAC5B,CACN,CAAC,CACC,CACN,CAAC,CACI,CACT,CAAA;AACH,CAAC,CAAA;AAED,MAAM,eAAe,GAAuD,CAAC,EAC3E,SAAS,EACT,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,+BAAO,SAAS,EAAE,MAAM,CAAC,KAAK;QAC5B,oBAAC,SAAS,IAAC,IAAI,EAAE,SAAS,CAAC,IAAI,IAAI,EAAE,GAAI,CACnC,CACT,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 * as messages from '@cucumber/messages'\nimport React from 'react'\n\nimport { HighLight } from '../app/HighLight.js'\nimport {\n  DataTableClasses,\n  DataTableProps,\n  DefaultComponent,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './DataTable.module.scss'\nimport isNumber from './isNumber.js'\n\nconst TableBody: React.FunctionComponent<{\n  rows: readonly messages.TableRow[] | readonly messages.PickleTableRow[]\n}> = ({ rows }) => {\n  return (\n    <tbody>\n      {rows.map((row, i) => (\n        <tr key={i}>\n          {(row.cells || []).map((cell, j) => (\n            <td key={j} style={{ textAlign: isNumber(cell.value) ? 'right' : 'left' }}>\n              <HighLight text={cell.value} />\n            </td>\n          ))}\n        </tr>\n      ))}\n    </tbody>\n  )\n}\n\nconst DefaultRenderer: DefaultComponent<DataTableProps, DataTableClasses> = ({\n  dataTable,\n  styles,\n}) => {\n  return (\n    <table className={styles.table}>\n      <TableBody rows={dataTable.rows || []} />\n    </table>\n  )\n}\n\nexport const DataTable: React.FunctionComponent<DataTableProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<DataTableProps, DataTableClasses>(\n    'DataTable',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../src/components/gherkin/DataTable.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,yBAAyB,CAAA;AACnD,OAAO,QAAQ,MAAM,eAAe,CAAA;AAEpC,MAAM,SAAS,GAEV,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,OAAO,CACL,0BACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,uBACG,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,aAAY,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,YACvE,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,IADxB,CAAC,CAEL,CACN,CAAC,IALK,CAAC,CAML,CACN,CAAC,GACI,CACT,CAAA;AACH,CAAC,CAAA;AAED,MAAM,eAAe,GAAuD,CAAC,EAC3E,SAAS,EACT,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,gBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,YAC5B,KAAC,SAAS,IAAC,IAAI,EAAE,SAAS,CAAC,IAAI,IAAI,EAAE,GAAI,GACnC,CACT,CAAA;AACH,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 { PickleTableRow, TableRow } from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport { HighLight } from '../app/HighLight.js'\nimport {\n  type DataTableClasses,\n  type DataTableProps,\n  type DefaultComponent,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './DataTable.module.scss'\nimport isNumber from './isNumber.js'\n\nconst TableBody: FC<{\n  rows: readonly TableRow[] | readonly PickleTableRow[]\n}> = ({ rows }) => {\n  return (\n    <tbody>\n      {rows.map((row, i) => (\n        <tr key={i}>\n          {(row.cells || []).map((cell, j) => (\n            <td key={j} style={{ textAlign: isNumber(cell.value) ? 'right' : 'left' }}>\n              <HighLight text={cell.value} />\n            </td>\n          ))}\n        </tr>\n      ))}\n    </tbody>\n  )\n}\n\nconst DefaultRenderer: DefaultComponent<DataTableProps, DataTableClasses> = ({\n  dataTable,\n  styles,\n}) => {\n  return (\n    <table className={styles.table}>\n      <TableBody rows={dataTable.rows || []} />\n    </table>\n  )\n}\n\nexport const DataTable: FC<DataTableProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<DataTableProps, DataTableClasses>(\n    'DataTable',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Description.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAGL,gBAAgB,EAEjB,MAAM,uBAAuB,CAAA;AAiB9B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAOjE,CAAA"}
+{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Description.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,EAGL,KAAK,gBAAgB,EAEtB,MAAM,uBAAuB,CAAA;AAiB9B,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAO5C,CAAA"}

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

@@ -1,4 +1,4 @@
-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 defaultStyles from './Description.module.scss';
@@ -6,11 +6,10 @@ const DefaultRenderer = ({ description, styles, }) => {
     if (!description || description.trim() === '') {
         return null;
     }
-    return (React.createElement("div", { className: styles.content },
-        React.createElement(HighLight, { text: description, markdown: true })));
+    return (_jsx("div", { className: styles.content, children: _jsx(HighLight, { text: description, markdown: true }) }));
 };
 export const Description = (props) => {
     const ResolvedRenderer = useCustomRendering('Description', defaultStyles, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 //# sourceMappingURL=Description.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Description.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,2BAA2B,CAAA;AAErD,MAAM,eAAe,GAA2D,CAAC,EAC/E,WAAW,EACX,MAAM,GACP,EAAE,EAAE;IACH,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC7C,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;QAC5B,oBAAC,SAAS,IAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,GAAI,CAC5C,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,KAAK,EAAE,EAAE;IAC9E,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,aAAa,EACb,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 {\n  DefaultComponent,\n  DescriptionClasses,\n  DescriptionProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './Description.module.scss'\n\nconst DefaultRenderer: DefaultComponent<DescriptionProps, DescriptionClasses> = ({\n  description,\n  styles,\n}) => {\n  if (!description || description.trim() === '') {\n    return null\n  }\n  return (\n    <div className={styles.content}>\n      <HighLight text={description} markdown={true} />\n    </div>\n  )\n}\n\nexport const Description: React.FunctionComponent<DescriptionProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<DescriptionProps, DescriptionClasses>(\n    'Description',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}
+{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Description.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,2BAA2B,CAAA;AAErD,MAAM,eAAe,GAA2D,CAAC,EAC/E,WAAW,EACX,MAAM,GACP,EAAE,EAAE;IACH,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAA;IACb,CAAC;IACD,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC5B,KAAC,SAAS,IAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,GAAI,GAC5C,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,aAAa,EACb,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 DescriptionClasses,\n  type DescriptionProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './Description.module.scss'\n\nconst DefaultRenderer: DefaultComponent<DescriptionProps, DescriptionClasses> = ({\n  description,\n  styles,\n}) => {\n  if (!description || description.trim() === '') {\n    return null\n  }\n  return (\n    <div className={styles.content}>\n      <HighLight text={description} markdown={true} />\n    </div>\n  )\n}\n\nexport const Description: FC<DescriptionProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<DescriptionProps, DescriptionClasses>(\n    'Description',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}

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

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

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

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

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

@@ -1,13 +1,12 @@
-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 defaultStyles from './DocString.module.scss';
 const DefaultRenderer = ({ docString, styles, }) => {
-    return (React.createElement("pre", { className: styles.docString },
-        React.createElement(HighLight, { text: docString.content })));
+    return (_jsx("pre", { className: styles.docString, children: _jsx(HighLight, { text: docString.content }) }));
 };
 export const DocString = (props) => {
     const ResolvedRenderer = useCustomRendering('DocString', defaultStyles, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 //# sourceMappingURL=DocString.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocString.js","sourceRoot":"","sources":["../../../../src/components/gherkin/DocString.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,yBAAyB,CAAA;AAEnD,MAAM,eAAe,GAAuD,CAAC,EAC3E,SAAS,EACT,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;QAC9B,oBAAC,SAAS,IAAC,IAAI,EAAE,SAAS,CAAC,OAAO,GAAI,CAClC,CACP,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 { HighLight } from '../app/HighLight.js'\nimport {\n  DefaultComponent,\n  DocStringClasses,\n  DocStringProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './DocString.module.scss'\n\nconst DefaultRenderer: DefaultComponent<DocStringProps, DocStringClasses> = ({\n  docString,\n  styles,\n}) => {\n  return (\n    <pre className={styles.docString}>\n      <HighLight text={docString.content} />\n    </pre>\n  )\n}\n\nexport const DocString: React.FunctionComponent<DocStringProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<DocStringProps, DocStringClasses>(\n    'DocString',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}
+{"version":3,"file":"DocString.js","sourceRoot":"","sources":["../../../../src/components/gherkin/DocString.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,yBAAyB,CAAA;AAEnD,MAAM,eAAe,GAAuD,CAAC,EAC3E,SAAS,EACT,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC9B,KAAC,SAAS,IAAC,IAAI,EAAE,SAAS,CAAC,OAAO,GAAI,GAClC,CACP,CAAA;AACH,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 { HighLight } from '../app/HighLight.js'\nimport {\n  type DefaultComponent,\n  type DocStringClasses,\n  type DocStringProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './DocString.module.scss'\n\nconst DefaultRenderer: DefaultComponent<DocStringProps, DocStringClasses> = ({\n  docString,\n  styles,\n}) => {\n  return (\n    <pre className={styles.docString}>\n      <HighLight text={docString.content} />\n    </pre>\n  )\n}\n\nexport const DocString: FC<DocStringProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<DocStringProps, DocStringClasses>(\n    'DocString',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAGL,iBAAiB,EAElB,MAAM,uBAAuB,CAAA;AAW9B,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAO9C,CAAA"}
+{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,EAGL,KAAK,iBAAiB,EAEvB,MAAM,uBAAuB,CAAA;AAiB9B,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAO9C,CAAA"}

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

@@ -1,11 +1,13 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CopyButton } from '../app/CopyButton.js';
 import { useCustomRendering, } from '../customise/index.js';
 import defaultStyles from './ErrorMessage.module.scss';
 const DefaultRenderer = ({ message, children, styles, }) => {
-    return React.createElement("pre", { className: styles.message }, message ?? children);
+    const text = message ?? (typeof children === 'string' ? children : '');
+    return (_jsxs("div", { className: styles.message, children: [_jsx("pre", { children: message ?? children }), _jsx(CopyButton, { className: styles.copyButton, text: text })] }));
 };
 export const ErrorMessage = ({ children, ...props }) => {
     const ResolvedRenderer = useCustomRendering('ErrorMessage', defaultStyles, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props }, children);
+    return _jsx(ResolvedRenderer, { ...props, children: children });
 };
 //# sourceMappingURL=ErrorMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../../src/components/gherkin/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,4BAA4B,CAAA;AAEtD,MAAM,eAAe,GAA6D,CAAC,EACjF,OAAO,EACP,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,OAAO,IAAI,QAAQ,CAAO,CAAA;AACpE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5E,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,cAAc,EACd,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,oBAAC,gBAAgB,OAAK,KAAK,IAAG,QAAQ,CAAoB,CAAA;AACnE,CAAC,CAAA","sourcesContent":["import React, { FC } from 'react'\n\nimport {\n  DefaultComponent,\n  ErrorMessageClasses,\n  ErrorMessageProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './ErrorMessage.module.scss'\n\nconst DefaultRenderer: DefaultComponent<ErrorMessageProps, ErrorMessageClasses> = ({\n  message,\n  children,\n  styles,\n}) => {\n  return <pre className={styles.message}>{message ?? children}</pre>\n}\n\nexport const ErrorMessage: FC<ErrorMessageProps> = ({ children, ...props }) => {\n  const ResolvedRenderer = useCustomRendering<ErrorMessageProps, ErrorMessageClasses>(\n    'ErrorMessage',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props}>{children}</ResolvedRenderer>\n}\n"]}
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../../src/components/gherkin/ErrorMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAIL,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,aAAa,MAAM,4BAA4B,CAAA;AAEtD,MAAM,eAAe,GAA6D,CAAC,EACjF,OAAO,EACP,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IACtE,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC5B,wBAAM,OAAO,IAAI,QAAQ,GAAO,EAChC,KAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,GAAI,IACpD,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5E,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,cAAc,EACd,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,KAAC,gBAAgB,OAAK,KAAK,YAAG,QAAQ,GAAoB,CAAA;AACnE,CAAC,CAAA","sourcesContent":["import type { FC } from 'react'\n\nimport { CopyButton } from '../app/CopyButton.js'\nimport {\n  type DefaultComponent,\n  type ErrorMessageClasses,\n  type ErrorMessageProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport defaultStyles from './ErrorMessage.module.scss'\n\nconst DefaultRenderer: DefaultComponent<ErrorMessageProps, ErrorMessageClasses> = ({\n  message,\n  children,\n  styles,\n}) => {\n  const text = message ?? (typeof children === 'string' ? children : '')\n  return (\n    <div className={styles.message}>\n      <pre>{message ?? children}</pre>\n      <CopyButton className={styles.copyButton} text={text} />\n    </div>\n  )\n}\n\nexport const ErrorMessage: FC<ErrorMessageProps> = ({ children, ...props }) => {\n  const ResolvedRenderer = useCustomRendering<ErrorMessageProps, ErrorMessageClasses>(\n    'ErrorMessage',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props}>{children}</ResolvedRenderer>\n}\n"]}

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

@@ -1,12 +1,24 @@
 @use '../../styles/theming';
 
+.copyButton {
+  position: absolute;
+  top: 0.5em;
+  right: 0.5em;
+  color: theming.$errorTextColor;
+}
+
 .message {
-  white-space: pre-wrap;
-  font-size: 0.875em;
-  padding: 0.666em 0.75em;
-  border-radius: 0.25em;
-  margin: 0;
+  position: relative;
+  width: fit-content;
   overflow-x: auto;
   background-color: theming.$errorBackgroundColor;
   color: theming.$errorTextColor;
+
+  pre {
+    white-space: pre-wrap;
+    font-size: 0.875em;
+    padding: 0.666em 2.25em 0.666em 0.75em;
+    border-radius: 0.25em;
+    margin: 0;
+  }
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Examples.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Examples.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAa,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAoB,aAAa,EAAsB,MAAM,uBAAuB,CAAA;AA2B3F,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAO3D,CAAA"}
+{"version":3,"file":"Examples.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Examples.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,uBAAuB,CAAA;AA2B9B,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAOtC,CAAA"}

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

@@ -1,7 +1,7 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useQueries } from '../../hooks/index.js';
 import { useTestCaseStarted } from '../../hooks/useTestCaseStarted.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';
@@ -10,21 +10,13 @@ import { Keyword } from './Keyword.js';
 import { Tags } from './Tags.js';
 import { Title } from './Title.js';
 const DefaultRenderer = ({ examples }) => {
-    return (React.createElement("section", null,
-        React.createElement(Tags, { tags: examples.tags }),
-        React.createElement(Title, { header: "h2", id: examples.id },
-            React.createElement(Keyword, null,
-                examples.keyword,
-                ":"),
-            React.createElement("span", null, examples.name)),
-        React.createElement(Description, { description: examples.description }),
-        React.createElement(Children, null, examples.tableBody.map((tableRow) => {
-            return React.createElement(Example, { key: tableRow.id, tableRow: tableRow });
-        }))));
+    return (_jsxs("section", { children: [_jsx(Tags, { tags: examples.tags }), _jsxs(Title, { header: "h2", id: examples.id, children: [_jsxs(Keyword, { children: [examples.keyword, ":"] }), _jsx("span", { children: examples.name })] }), _jsx(Description, { description: examples.description }), _jsx(Children, { children: examples.tableBody.map((tableRow) => {
+                    return _jsx(Example, { tableRow: tableRow }, tableRow.id);
+                }) })] }));
 };
 export const Examples = (props) => {
     const ResolvedRenderer = useCustomRendering('Examples', defaultStyles, DefaultRenderer);
-    return React.createElement(ResolvedRenderer, { ...props });
+    return _jsx(ResolvedRenderer, { ...props });
 };
 const Example = ({ tableRow }) => {
     const { cucumberQuery } = useQueries();
@@ -32,10 +24,7 @@ const Example = ({ tableRow }) => {
     if (testCaseStarted) {
         const lineage = cucumberQuery.findLineageBy(testCaseStarted);
         const name = `#${(lineage.examplesIndex ?? 0) + 1}.${(lineage.exampleIndex ?? 0) + 1}`;
-        return (React.createElement("section", null,
-            React.createElement(Title, { header: "h3", id: tableRow.id },
-                React.createElement("span", { className: defaultStyles.exampleNumber }, name)),
-            React.createElement(TestCaseOutcome, { testCaseStarted: testCaseStarted })));
+        return (_jsxs("section", { children: [_jsx(Title, { header: "h3", id: tableRow.id, children: _jsx("span", { className: defaultStyles.exampleNumber, children: name }) }), _jsx(TestCaseOutcome, { testCaseStarted: testCaseStarted })] }));
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Examples.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Examples.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,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,aAAa,MAAM,wBAAwB,CAAA;AAClD,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,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,kCAAO,QAAQ,CAAC,IAAI,CAAQ,CACtB;QACR,oBAAC,WAAW,IAAC,WAAW,EAAE,QAAQ,CAAC,WAAW,GAAI;QAClD,oBAAC,QAAQ,QACN,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YACnC,OAAO,oBAAC,OAAO,IAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;QAC1D,CAAC,CAAC,CACO,CACH,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAA2C,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,UAAU,EACV,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,OAAO,GAA+B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3D,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAA;IACtC,MAAM,eAAe,GAAG,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IACvD,IAAI,eAAe,EAAE;QACnB,MAAM,OAAO,GAAG,aAAa,CAAC,aAAa,CAAC,eAAe,CAAY,CAAA;QACvE,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAA;QACtF,OAAO,CACL;YACE,oBAAC,KAAK,IAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAE,QAAQ,CAAC,EAAE;gBAChC,8BAAM,SAAS,EAAE,aAAa,CAAC,aAAa,IAAG,IAAI,CAAQ,CACrD;YACR,oBAAC,eAAe,IAAC,eAAe,EAAE,eAAe,GAAI,CAC7C,CACX,CAAA;KACF;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA","sourcesContent":["import { TableRow } from '@cucumber/messages'\nimport { Lineage } from '@cucumber/query'\nimport React, { FC } from 'react'\n\nimport { useQueries } from '../../hooks/index.js'\nimport { useTestCaseStarted } from '../../hooks/useTestCaseStarted.js'\nimport { DefaultComponent, ExamplesProps, useCustomRendering } from '../customise/index.js'\nimport { TestCaseOutcome } from '../results/index.js'\nimport { Children } from './Children.js'\nimport { Description } from './Description.js'\nimport defaultStyles from './Examples.module.scss'\nimport { Keyword } from './Keyword.js'\nimport { Tags } from './Tags.js'\nimport { Title } from './Title.js'\n\nconst DefaultRenderer: DefaultComponent<ExamplesProps> = ({ examples }) => {\n  return (\n    <section>\n      <Tags tags={examples.tags} />\n      <Title header=\"h2\" id={examples.id}>\n        <Keyword>{examples.keyword}:</Keyword>\n        <span>{examples.name}</span>\n      </Title>\n      <Description description={examples.description} />\n      <Children>\n        {examples.tableBody.map((tableRow) => {\n          return <Example key={tableRow.id} tableRow={tableRow} />\n        })}\n      </Children>\n    </section>\n  )\n}\n\nexport const Examples: React.FunctionComponent<ExamplesProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<ExamplesProps>(\n    'Examples',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n\nconst Example: FC<{ tableRow: TableRow }> = ({ tableRow }) => {\n  const { cucumberQuery } = useQueries()\n  const testCaseStarted = useTestCaseStarted(tableRow.id)\n  if (testCaseStarted) {\n    const lineage = cucumberQuery.findLineageBy(testCaseStarted) as Lineage\n    const name = `#${(lineage.examplesIndex ?? 0) + 1}.${(lineage.exampleIndex ?? 0) + 1}`\n    return (\n      <section>\n        <Title header=\"h3\" id={tableRow.id}>\n          <span className={defaultStyles.exampleNumber}>{name}</span>\n        </Title>\n        <TestCaseOutcome testCaseStarted={testCaseStarted} />\n      </section>\n    )\n  }\n  return null\n}\n"]}
+{"version":3,"file":"Examples.js","sourceRoot":"","sources":["../../../../src/components/gherkin/Examples.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,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,aAAa,MAAM,wBAAwB,CAAA;AAClD,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,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,yBAAO,QAAQ,CAAC,IAAI,GAAQ,IACtB,EACR,KAAC,WAAW,IAAC,WAAW,EAAE,QAAQ,CAAC,WAAW,GAAI,EAClD,KAAC,QAAQ,cACN,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;oBACnC,OAAO,KAAC,OAAO,IAAmB,QAAQ,EAAE,QAAQ,IAA/B,QAAQ,CAAC,EAAE,CAAwB,CAAA;gBAC1D,CAAC,CAAC,GACO,IACH,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,UAAU,EACV,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,OAAO,GAA+B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3D,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAA;IACtC,MAAM,eAAe,GAAG,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IACvD,IAAI,eAAe,EAAE,CAAC;QACpB,MAAM,OAAO,GAAG,aAAa,CAAC,aAAa,CAAC,eAAe,CAAY,CAAA;QACvE,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAA;QACtF,OAAO,CACL,8BACE,KAAC,KAAK,IAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,YAChC,eAAM,SAAS,EAAE,aAAa,CAAC,aAAa,YAAG,IAAI,GAAQ,GACrD,EACR,KAAC,eAAe,IAAC,eAAe,EAAE,eAAe,GAAI,IAC7C,CACX,CAAA;IACH,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA","sourcesContent":["import type { TableRow } from '@cucumber/messages'\nimport type { Lineage } from '@cucumber/query'\n\nimport type { FC } from 'react'\n\nimport { useQueries } from '../../hooks/index.js'\nimport { useTestCaseStarted } from '../../hooks/useTestCaseStarted.js'\nimport {\n  type DefaultComponent,\n  type ExamplesProps,\n  useCustomRendering,\n} from '../customise/index.js'\nimport { TestCaseOutcome } from '../results/index.js'\nimport { Children } from './Children.js'\nimport { Description } from './Description.js'\nimport defaultStyles from './Examples.module.scss'\nimport { Keyword } from './Keyword.js'\nimport { Tags } from './Tags.js'\nimport { Title } from './Title.js'\n\nconst DefaultRenderer: DefaultComponent<ExamplesProps> = ({ examples }) => {\n  return (\n    <section>\n      <Tags tags={examples.tags} />\n      <Title header=\"h2\" id={examples.id}>\n        <Keyword>{examples.keyword}:</Keyword>\n        <span>{examples.name}</span>\n      </Title>\n      <Description description={examples.description} />\n      <Children>\n        {examples.tableBody.map((tableRow) => {\n          return <Example key={tableRow.id} tableRow={tableRow} />\n        })}\n      </Children>\n    </section>\n  )\n}\n\nexport const Examples: FC<ExamplesProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<ExamplesProps>(\n    'Examples',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return <ResolvedRenderer {...props} />\n}\n\nconst Example: FC<{ tableRow: TableRow }> = ({ tableRow }) => {\n  const { cucumberQuery } = useQueries()\n  const testCaseStarted = useTestCaseStarted(tableRow.id)\n  if (testCaseStarted) {\n    const lineage = cucumberQuery.findLineageBy(testCaseStarted) as Lineage\n    const name = `#${(lineage.examplesIndex ?? 0) + 1}.${(lineage.exampleIndex ?? 0) + 1}`\n    return (\n      <section>\n        <Title header=\"h3\" id={tableRow.id}>\n          <span className={defaultStyles.exampleNumber}>{name}</span>\n        </Title>\n        <TestCaseOutcome testCaseStarted={testCaseStarted} />\n      </section>\n    )\n  }\n  return null\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Feature.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Feature.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAoB,YAAY,EAAsB,MAAM,uBAAuB,CAAA;AAoC1F,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAGzD,CAAA"}
+{"version":3,"file":"Feature.d.ts","sourceRoot":"","sources":["../../../../src/components/gherkin/Feature.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,EAAyB,KAAK,YAAY,EAAsB,MAAM,uBAAuB,CAAA;AAqCpG,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAGpC,CAAA"}