@vitality-ds/components 5.7.0 → 6.0.0-alpha.1

package/dist/components/src/helpers/components/ConditionalTooltipWrapper/types.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { TooltipProps } from "../../../Tooltip/types";
-export declare type ConditionalTooltipWrapperType = {
+export type ConditionalTooltipWrapperType = {
     children: JSX.Element;
     tooltipContent?: TooltipProps["content"];
 };

package/dist/components/src/helpers/logic/get-component-from-lookup.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function getComponentFromLookup(COMPONENTS: any, lookup: any, defaultLookup: any, props: any): JSX.Element;
+import React from "react";
+export default function getComponentFromLookup(COMPONENTS: any, lookup: any, defaultLookup: any, props: any): React.JSX.Element;

package/dist/components/src/helpers/logic/type-helpers.d.ts

@@ -1,10 +1,10 @@
 import { CSSProperties } from "@vitality-ds/system";
-export declare type valueof<T> = T[keyof T];
-export declare type CSSValueByPropertyName<PropertyName extends keyof CSSProperties> = PropertyName extends keyof CSSProperties ? CSSProperties[PropertyName] : never;
-declare type RemoveObjects<T> = T extends Record<string, any> ? never : T;
-export declare type RemoveBreakPointVariants<T> = {
+export type valueof<T> = T[keyof T];
+export type CSSValueByPropertyName<PropertyName extends keyof CSSProperties> = PropertyName extends keyof CSSProperties ? CSSProperties[PropertyName] : never;
+type RemoveObjects<T> = T extends Record<string, any> ? never : T;
+export type RemoveBreakPointVariants<T> = {
     [K in keyof T]: RemoveObjects<T[K]>;
 };
-export declare type MakeOptional<Type, Key extends keyof Type> = Omit<Type, Key> & Partial<Pick<Type, Key>>;
-export declare type PickOptional<Type, Key extends keyof Type> = Partial<Pick<Type, Key>>;
+export type MakeOptional<Type, Key extends keyof Type> = Omit<Type, Key> & Partial<Pick<Type, Key>>;
+export type PickOptional<Type, Key extends keyof Type> = Partial<Pick<Type, Key>>;
 export {};

package/dist/components/src/helpers/styles/Flex/types.d.ts

@@ -1,13 +1,13 @@
 import { CSSValueByPropertyName } from "../../logic/type-helpers";
-declare type AlignTypes = "start" | "center" | "end" | "stretch" | "baseline";
-declare type WrapTypes = "wrap" | "wrapReverse" | "noWrap";
-declare type DirectionTypes = "row" | "rowReverse" | "column" | "columnReverse";
-declare type JustifyTypes = "start" | "center" | "end" | "between" | "stretch" | "around";
-declare type Variants = "alignItems" | "justifyContent" | "flexWrap" | "flexDirection";
-declare type CssPropertyType<T extends Variants> = {
+type AlignTypes = "start" | "center" | "end" | "stretch" | "baseline";
+type WrapTypes = "wrap" | "wrapReverse" | "noWrap";
+type DirectionTypes = "row" | "rowReverse" | "column" | "columnReverse";
+type JustifyTypes = "start" | "center" | "end" | "between" | "stretch" | "around";
+type Variants = "alignItems" | "justifyContent" | "flexWrap" | "flexDirection";
+type CssPropertyType<T extends Variants> = {
     [t in T]: CSSValueByPropertyName<T>;
 };
-export declare type FlexVariants = {
+export type FlexVariants = {
     align: Record<AlignTypes, CssPropertyType<"alignItems">>;
     justify: Record<JustifyTypes, CssPropertyType<"justifyContent">>;
     wrap: Record<WrapTypes, CssPropertyType<"flexWrap">>;

package/dist/components/src/helpers/styles/Layout/types.d.ts

@@ -1,12 +1,12 @@
 import { ScaleValue } from "@vitality-ds/system";
 import { SpaceKeys } from "@vitality-ds/tokens";
 import { CSSValueByPropertyName } from "../../logic/type-helpers";
-declare type SpaceScaleValues = ScaleValue<"space">;
-export declare type LayoutCssPropertyNames = "padding" | "paddingInline" | "paddingBlock" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "margin" | "marginInline" | "marginBlock" | "marginTop" | "marginBottom" | "marginRight" | "marginLeft" | "inset" | "top" | "bottom" | "left" | "right" | "columnGap" | "rowGap";
-declare type LayoutCssProperty<T extends LayoutCssPropertyNames> = Record<T, SpaceScaleValues>;
-export declare type LayoutVariants<T extends LayoutCssPropertyNames> = Record<SpaceKeys, LayoutCssProperty<T>>;
-export declare type SizesType = SpaceKeys | "none";
-export declare type CommonLayoutProps = {
+type SpaceScaleValues = ScaleValue<"space">;
+export type LayoutCssPropertyNames = "padding" | "paddingInline" | "paddingBlock" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "margin" | "marginInline" | "marginBlock" | "marginTop" | "marginBottom" | "marginRight" | "marginLeft" | "inset" | "top" | "bottom" | "left" | "right" | "columnGap" | "rowGap";
+type LayoutCssProperty<T extends LayoutCssPropertyNames> = Record<T, SpaceScaleValues>;
+export type LayoutVariants<T extends LayoutCssPropertyNames> = Record<SpaceKeys, LayoutCssProperty<T>>;
+export type SizesType = SpaceKeys | "none";
+export type CommonLayoutProps = {
     position?: CSSValueByPropertyName<"position">;
     width?: CSSValueByPropertyName<"width">;
     height?: CSSValueByPropertyName<"height">;

package/dist/components/src/helpers/styles/Spacing/types.d.ts

@@ -1,11 +1,11 @@
 import { ScaleValue } from "@vitality-ds/system";
 import { SpaceKeys } from "@vitality-ds/tokens";
-declare type SpaceScaleValues = ScaleValue<"space">;
-declare type SpacingSizes = "none" | SpaceKeys;
-declare type GapType = {
+type SpaceScaleValues = ScaleValue<"space">;
+type SpacingSizes = "none" | SpaceKeys;
+type GapType = {
     gap: SpaceScaleValues | 0;
 };
-export declare type SpacingVariant = {
+export type SpacingVariant = {
     spacing: Record<SpacingSizes, GapType>;
 };
 export {};

package/dist/esm/AuditTrail/components/AuditItem/index.js

@@ -4,6 +4,7 @@ import Box from "../../../Box";
 import Flex from "../../../Flex";
 import Typography from "../../../Typography";
 import useAuditTrail from "../../hooks/useAuditTrail";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function AuditItem(_ref) {
   var item = _ref.item;
   var _useAuditTrail = useAuditTrail(item),
@@ -11,16 +12,23 @@ function AuditItem(_ref) {
     time = _useAuditTrail2[0],
     auditHistory = _useAuditTrail2[1],
     AvatarComponent = _useAuditTrail2[2];
-  return /*#__PURE__*/React.createElement(Flex, {
+  return /*#__PURE__*/_jsxs(Flex, {
     direction: "row",
     align: "start",
-    wrap: "noWrap"
-  }, /*#__PURE__*/React.createElement(AvatarComponent, null), /*#__PURE__*/React.createElement(Box, {
-    pt: "xs"
-  }, /*#__PURE__*/React.createElement(Flex, {
-    spacing: "xs",
-    direction: "row",
-    wrap: "wrap"
-  }, /*#__PURE__*/React.createElement(Typography, null, auditHistory), /*#__PURE__*/React.createElement(Typography, null, item.dateTime && !time.invalidTime && " on ".concat(time.date, " at ").concat(time.time, " (").concat(time.humanTime, ") ")))));
+    wrap: "noWrap",
+    children: [/*#__PURE__*/_jsx(AvatarComponent, {}), /*#__PURE__*/_jsx(Box, {
+      pt: "xs",
+      children: /*#__PURE__*/_jsxs(Flex, {
+        spacing: "xs",
+        direction: "row",
+        wrap: "wrap",
+        children: [/*#__PURE__*/_jsx(Typography, {
+          children: auditHistory
+        }), /*#__PURE__*/_jsx(Typography, {
+          children: item.dateTime && !time.invalidTime && " on ".concat(time.date, " at ").concat(time.time, " (").concat(time.humanTime, ") ")
+        })]
+      })
+    })]
+  });
 }
 export default AuditItem;

package/dist/esm/AuditTrail/components/AuditItem/index.spec.js

@@ -5,11 +5,15 @@ import { CircleUser, Link2, Plus } from "lucide-react";
 import React from "react";
 import { findSVGs } from "../../../helpers/test";
 import AuditItem from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
 describe("<AuditItem />", function () {
   beforeEach(function () {
-    jest.useFakeTimers("modern");
+    jest.useFakeTimers();
     jest.setSystemTime(new Date("2024-03-22T17:30:00"));
   });
+  afterEach(function () {
+    jest.useRealTimers();
+  });
   describe("when action is a preset", function () {
     describe("and name is given", function () {
       describe("and does not contain the word gentu", function () {
@@ -20,14 +24,14 @@ describe("<AuditItem />", function () {
             dateTime: "2024-03-22T15:30:00"
           };
           it("renders the fallback icon", function () {
-            var _render = render(/*#__PURE__*/React.createElement(AuditItem, {
+            var _render = render(/*#__PURE__*/_jsx(AuditItem, {
                 item: item
               })),
               container = _render.container;
             expect(findSVGs(container, Plus)).toHaveLength(1);
           });
           it("renders the name and preposition", function () {
-            render(/*#__PURE__*/React.createElement(AuditItem, {
+            render(/*#__PURE__*/_jsx(AuditItem, {
               item: item
             }));
             expect(screen.getAllByText(/Created by/)).toHaveLength(1);
@@ -41,13 +45,13 @@ describe("<AuditItem />", function () {
               name: "Dr. Jane Doe"
             };
             it("renders the correct initials", function () {
-              render(/*#__PURE__*/React.createElement(AuditItem, {
+              render(/*#__PURE__*/_jsx(AuditItem, {
                 item: item
               }));
               expect(screen.getAllByText(/JD/)).toHaveLength(1);
             });
             it("renders the name and preposition", function () {
-              render(/*#__PURE__*/React.createElement(AuditItem, {
+              render(/*#__PURE__*/_jsx(AuditItem, {
                 item: item
               }));
               expect(screen.getAllByText(/Created by/)).toHaveLength(1);
@@ -60,14 +64,14 @@ describe("<AuditItem />", function () {
               name: "hello Jane Doe"
             };
             it("renders the fallback icon", function () {
-              var _render2 = render(/*#__PURE__*/React.createElement(AuditItem, {
+              var _render2 = render(/*#__PURE__*/_jsx(AuditItem, {
                   item: item
                 })),
                 container = _render2.container;
               expect(findSVGs(container, Plus)).toHaveLength(1);
             });
             it("renders the name and preposition", function () {
-              render(/*#__PURE__*/React.createElement(AuditItem, {
+              render(/*#__PURE__*/_jsx(AuditItem, {
                 item: item
               }));
               expect(screen.getAllByText(/Created by/)).toHaveLength(1);
@@ -81,13 +85,13 @@ describe("<AuditItem />", function () {
             name: "Jane Doe"
           };
           it("renders the correct initials", function () {
-            render(/*#__PURE__*/React.createElement(AuditItem, {
+            render(/*#__PURE__*/_jsx(AuditItem, {
               item: item
             }));
             expect(screen.getAllByText(/JD/)).toHaveLength(1);
           });
           it("renders the name and preposition", function () {
-            render(/*#__PURE__*/React.createElement(AuditItem, {
+            render(/*#__PURE__*/_jsx(AuditItem, {
               item: item
             }));
             expect(screen.getAllByText(/Created by/)).toHaveLength(1);
@@ -100,14 +104,14 @@ describe("<AuditItem />", function () {
             name: "Jane"
           };
           it("renders the name and preposition", function () {
-            render(/*#__PURE__*/React.createElement(AuditItem, {
+            render(/*#__PURE__*/_jsx(AuditItem, {
               item: item
             }));
             expect(screen.getAllByText(/Created by/)).toHaveLength(1);
             expect(screen.getAllByText(/Jane/)).toHaveLength(1);
           });
           it("renders the initial of that one word", function () {
-            var _render3 = render(/*#__PURE__*/React.createElement(AuditItem, {
+            var _render3 = render(/*#__PURE__*/_jsx(AuditItem, {
                 item: item
               })),
               container = _render3.container;
@@ -121,13 +125,13 @@ describe("<AuditItem />", function () {
           };
           describe("and source is given", function () {
             it("renders the name", function () {
-              render(/*#__PURE__*/React.createElement(AuditItem, {
+              render(/*#__PURE__*/_jsx(AuditItem, {
                 item: item
               }));
               expect(screen.getAllByText(/Jane/)).toHaveLength(1);
             });
             it("renders the source in brackets", function () {
-              render(/*#__PURE__*/React.createElement(AuditItem, {
+              render(/*#__PURE__*/_jsx(AuditItem, {
                 item: _extends({}, item, {
                   source: "ThirdPartyApp"
                 })
@@ -137,13 +141,13 @@ describe("<AuditItem />", function () {
           });
           describe("and source is not given", function () {
             it("renders the name", function () {
-              render(/*#__PURE__*/React.createElement(AuditItem, {
+              render(/*#__PURE__*/_jsx(AuditItem, {
                 item: item
               }));
               expect(screen.getAllByText(/Jane/)).toHaveLength(1);
             });
             it("does not render the source", function () {
-              render(/*#__PURE__*/React.createElement(AuditItem, {
+              render(/*#__PURE__*/_jsx(AuditItem, {
                 item: item
               }));
 
@@ -159,14 +163,14 @@ describe("<AuditItem />", function () {
           name: "Gentu (Automated)"
         };
         it("renders gentu brand icon", function () {
-          var _render4 = render(/*#__PURE__*/React.createElement(AuditItem, {
+          var _render4 = render(/*#__PURE__*/_jsx(AuditItem, {
               item: item
             })),
             container = _render4.container;
           expect(findSVGs(container, GentuLogo)).toHaveLength(1);
         });
         it("renders the name and preposition", function () {
-          render(/*#__PURE__*/React.createElement(AuditItem, {
+          render(/*#__PURE__*/_jsx(AuditItem, {
             item: item
           }));
           expect(screen.getAllByText(/Created by/)).toHaveLength(1);
@@ -179,14 +183,14 @@ describe("<AuditItem />", function () {
         action: "create"
       };
       it("uses the actions fallback icon instead of initials", function () {
-        var _render5 = render(/*#__PURE__*/React.createElement(AuditItem, {
+        var _render5 = render(/*#__PURE__*/_jsx(AuditItem, {
             item: item
           })),
           container = _render5.container;
         expect(findSVGs(container, Plus)).toHaveLength(1);
       });
       it("does not render the name or preposition", function () {
-        render(/*#__PURE__*/React.createElement(AuditItem, {
+        render(/*#__PURE__*/_jsx(AuditItem, {
           item: item
         }));
 
@@ -199,14 +203,14 @@ describe("<AuditItem />", function () {
           source: "ThirdPartyApp"
         };
         it("renders the source not in brackets", function () {
-          render(/*#__PURE__*/React.createElement(AuditItem, {
+          render(/*#__PURE__*/_jsx(AuditItem, {
             item: itemWithSource
           }));
           expect(screen.getAllByText(/using ThirdPartyApp/)).toHaveLength(1);
           expect(screen.queryAllByText(/\(using ThirdPartyApp\)/)).toHaveLength(0);
         });
         it("does not render a preposition", function () {
-          render(/*#__PURE__*/React.createElement(AuditItem, {
+          render(/*#__PURE__*/_jsx(AuditItem, {
             item: itemWithSource
           }));
           expect(screen.queryAllByText(/by/)).toHaveLength(0);
@@ -217,7 +221,7 @@ describe("<AuditItem />", function () {
           action: "create"
         };
         it("does not render the name or the source", function () {
-          render(/*#__PURE__*/React.createElement(AuditItem, {
+          render(/*#__PURE__*/_jsx(AuditItem, {
             item: itemWithNoSource
           }));
 
@@ -234,7 +238,7 @@ describe("<AuditItem />", function () {
             dateTime: "2024-03-22T15:30:00"
           };
           it("renders dateTime correctly", function () {
-            render(/*#__PURE__*/React.createElement(AuditItem, {
+            render(/*#__PURE__*/_jsx(AuditItem, {
               item: item
             }));
             expect(screen.getAllByText(/on 22\/03\/2024 at 3:30:00 PM \(2 hours ago\)/)).toHaveLength(1);
@@ -246,7 +250,7 @@ describe("<AuditItem />", function () {
             dateTime: "2024-03-22 15:30:00"
           };
           it("renders dateTime correctly", function () {
-            render(/*#__PURE__*/React.createElement(AuditItem, {
+            render(/*#__PURE__*/_jsx(AuditItem, {
               item: item
             }));
             expect(screen.getAllByText(/on 22\/03\/2024 at 3:30:00 PM \(2 hours ago\)/)).toHaveLength(1);
@@ -260,7 +264,7 @@ describe("<AuditItem />", function () {
         dateTime: "string"
       };
       it("does not render the date time or leading text", function () {
-        render(/*#__PURE__*/React.createElement(AuditItem, {
+        render(/*#__PURE__*/_jsx(AuditItem, {
           item: item
         }));
 
@@ -286,14 +290,14 @@ describe("<AuditItem />", function () {
       };
     };
     it("renders the given preposition with the name", function () {
-      render(/*#__PURE__*/React.createElement(AuditItem, {
+      render(/*#__PURE__*/_jsx(AuditItem, {
         item: createItemProps()
       }));
       expect(screen.getByText(/Joe Bloggs/)).toBeDefined();
       expect(screen.getByText(/from/)).toBeDefined();
     });
     it("renders the given actionName", function () {
-      render(/*#__PURE__*/React.createElement(AuditItem, {
+      render(/*#__PURE__*/_jsx(AuditItem, {
         item: createItemProps()
       }));
       expect(screen.getByText(/Actioned/)).toBeDefined();
@@ -305,7 +309,7 @@ describe("<AuditItem />", function () {
           fallbackIcon: Link2
         });
         it("renders the fallbackIcon", function () {
-          var _render6 = render(/*#__PURE__*/React.createElement(AuditItem, {
+          var _render6 = render(/*#__PURE__*/_jsx(AuditItem, {
               item: createItemProps(forceIconActionProps)
             })),
             container = _render6.container;
@@ -318,7 +322,7 @@ describe("<AuditItem />", function () {
           forceIcon: true
         });
         it("renders the <CircleUser /> icon", function () {
-          var _render7 = render(/*#__PURE__*/React.createElement(AuditItem, {
+          var _render7 = render(/*#__PURE__*/_jsx(AuditItem, {
               item: createItemProps(forceIconActionProps)
             })),
             container = _render7.container;
@@ -336,7 +340,7 @@ describe("<AuditItem />", function () {
           name: "Joe Bloggs"
         });
         it("renders the initials", function () {
-          render(/*#__PURE__*/React.createElement(AuditItem, {
+          render(/*#__PURE__*/_jsx(AuditItem, {
             item: item
           }));
           expect(screen.getAllByText(/JB/)).toHaveLength(1);
@@ -350,7 +354,7 @@ describe("<AuditItem />", function () {
             name: "Joe shmo the third"
           });
           it("renders the fallbackIcon", function () {
-            var _render8 = render(/*#__PURE__*/React.createElement(AuditItem, {
+            var _render8 = render(/*#__PURE__*/_jsx(AuditItem, {
                 item: item
               })),
               container = _render8.container;
@@ -364,7 +368,7 @@ describe("<AuditItem />", function () {
             name: "Joe shmo the third"
           });
           it("renders the <CircleUser /> icon", function () {
-            var _render9 = render(/*#__PURE__*/React.createElement(AuditItem, {
+            var _render9 = render(/*#__PURE__*/_jsx(AuditItem, {
                 item: item
               })),
               container = _render9.container;

package/dist/esm/AuditTrail/components/IconAvatar/index.js

@@ -1,11 +1,14 @@
 import { CircleUser } from "lucide-react";
 import React from "react";
 import { IconAvatarContainer } from "./styled";
+import { jsx as _jsx } from "react/jsx-runtime";
 function IconAvatar(_ref) {
   var icon = _ref.icon;
   var IconComponent = icon || CircleUser;
-  return /*#__PURE__*/React.createElement(IconAvatarContainer, null, /*#__PURE__*/React.createElement(IconComponent, {
-    color: "currentColor"
-  }));
+  return /*#__PURE__*/_jsx(IconAvatarContainer, {
+    children: /*#__PURE__*/_jsx(IconComponent, {
+      color: "currentColor"
+    })
+  });
 }
 export default IconAvatar;

package/dist/esm/AuditTrail/hooks/useAuditTrail.js

@@ -3,6 +3,7 @@ import { Avatar } from "../../Avatar";
 import IconAvatar from "../components/IconAvatar";
 import { ACTIONS } from "../constants";
 import { getBrand, getInitials, getTimes } from "../logic";
+import { jsx as _jsx } from "react/jsx-runtime";
 var useAuditTrail = function useAuditTrail(item) {
   var time = getTimes(item.dateTime);
   var initials = getInitials(item.name, item.forcedInitials);
@@ -23,9 +24,9 @@ var useAuditTrail = function useAuditTrail(item) {
     return result;
   }, [item, preposition, actionName]);
   function AvatarComponent() {
-    return !initials || forceIcon || brandIcon ? /*#__PURE__*/React.createElement(IconAvatar, {
+    return !initials || forceIcon || brandIcon ? /*#__PURE__*/_jsx(IconAvatar, {
       icon: brandIcon || fallbackIcon
-    }) : /*#__PURE__*/React.createElement(Avatar, {
+    }) : /*#__PURE__*/_jsx(Avatar, {
       color: "primary",
       initials: initials
     });

package/dist/esm/AuditTrail/hooks/useAuditTrail.spec.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import useAuditTrail from "./useAuditTrail";
 describe("useAuditTrail", function () {
   beforeEach(function () {

package/dist/esm/AuditTrail/index.js

@@ -2,16 +2,18 @@ import { uniqueId } from "lodash";
 import React from "react";
 import Stack from "../Stack";
 import AuditItem from "./components/AuditItem";
+import { jsx as _jsx } from "react/jsx-runtime";
 function AuditTrail(_ref) {
   var items = _ref.items;
   var generateKey = function generateKey(item) {
     return "".concat(item.action, "-").concat(new Date(item === null || item === void 0 ? void 0 : item.dateTime).getTime(), "-").concat(uniqueId());
   };
-  return /*#__PURE__*/React.createElement(Stack, null, items === null || items === void 0 ? void 0 : items.map(function (item) {
-    return /*#__PURE__*/React.createElement(AuditItem, {
-      key: generateKey(item),
-      item: item
-    });
-  }));
+  return /*#__PURE__*/_jsx(Stack, {
+    children: items === null || items === void 0 ? void 0 : items.map(function (item) {
+      return /*#__PURE__*/_jsx(AuditItem, {
+        item: item
+      }, generateKey(item));
+    })
+  });
 }
 export default AuditTrail;

package/dist/esm/AuditTrail/index.spec.js

@@ -1,6 +1,7 @@
 import { render, screen } from "@testing-library/react";
 import React from "react";
 import AuditTrail from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
 describe("AuditTrail", function () {
   describe("when there is one item", function () {
     var items = [{
@@ -9,7 +10,7 @@ describe("AuditTrail", function () {
       dateTime: "2024-03-22T15:30:00Z"
     }];
     it("renders one audit item", function () {
-      render(/*#__PURE__*/React.createElement(AuditTrail, {
+      render(/*#__PURE__*/_jsx(AuditTrail, {
         items: items
       }));
       expect(screen.getAllByText(/Joe Bloggs/).length).toBe(1);
@@ -27,7 +28,7 @@ describe("AuditTrail", function () {
         dateTime: "2024-03-22T15:30:00Z"
       }];
       it("renders the correct number of audit items", function () {
-        render(/*#__PURE__*/React.createElement(AuditTrail, {
+        render(/*#__PURE__*/_jsx(AuditTrail, {
           items: items
         }));
         expect(screen.getAllByText(/Joe Bloggs/).length).toBe(2);
@@ -48,7 +49,7 @@ describe("AuditTrail", function () {
         dateTime: "2024-03-22T15:30:00Z"
       }];
       it("renders the correct number of audit items", function () {
-        render(/*#__PURE__*/React.createElement(AuditTrail, {
+        render(/*#__PURE__*/_jsx(AuditTrail, {
           items: items
         }));
         expect(screen.getAllByText(/Joe Bloggs/).length).toBe(3);
@@ -58,7 +59,7 @@ describe("AuditTrail", function () {
   describe("when there are no items", function () {
     var items = [];
     it("does not render any audit items", function () {
-      render(/*#__PURE__*/React.createElement(AuditTrail, {
+      render(/*#__PURE__*/_jsx(AuditTrail, {
         items: items
       }));
       expect(screen.queryAllByText(/Joe Bloggs/).length).toBe(0);

package/dist/esm/Avatar/Avatar.js

@@ -1,6 +1,7 @@
 import React from "react";
 import BaseAvatar from "./BaseAvatar";
 import { formatInitials } from "./logic";
+import { jsx as _jsx } from "react/jsx-runtime";
 function Avatar(_ref) {
   var _ref$initials = _ref.initials,
     initials = _ref$initials === void 0 ? "" : _ref$initials,
@@ -8,7 +9,7 @@ function Avatar(_ref) {
     size = _ref$size === void 0 ? "md" : _ref$size,
     color = _ref.color,
     imageSrc = _ref.imageSrc;
-  return /*#__PURE__*/React.createElement(BaseAvatar, {
+  return /*#__PURE__*/_jsx(BaseAvatar, {
     size: size,
     initials: formatInitials(initials),
     color: color,

package/dist/esm/Avatar/AvatarButton.js

@@ -5,6 +5,7 @@ import React from "react";
 import ConditionalTooltipWrapper from "../helpers/components/ConditionalTooltipWrapper";
 import Avatar from "./Avatar";
 import { BaseAvatarButton } from "./styled";
+import { jsx as _jsx } from "react/jsx-runtime";
 var AvatarButton = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var className = _ref.className,
     style = _ref.style,
@@ -17,15 +18,18 @@ var AvatarButton = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     tooltipContent = _ref.tooltipContent,
     buttonProps = _ref.buttonProps,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(ConditionalTooltipWrapper, {
-    tooltipContent: tooltipContent
-  }, /*#__PURE__*/React.createElement(BaseAvatarButton, _extends({
-    ref: forwardedRef
-  }, buttonProps, rest), /*#__PURE__*/React.createElement(Avatar, {
-    size: size,
-    initials: initials,
-    color: color
-  })));
+  return /*#__PURE__*/_jsx(ConditionalTooltipWrapper, {
+    tooltipContent: tooltipContent,
+    children: /*#__PURE__*/_jsx(BaseAvatarButton, _extends({
+      ref: forwardedRef
+    }, buttonProps, rest, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        size: size,
+        initials: initials,
+        color: color
+      })
+    }))
+  });
 });
 AvatarButton.displayName = "AvatarButton";
 export default AvatarButton;

package/dist/esm/Avatar/AvatarLink.js

@@ -1,11 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["linkProps"];
 import React from "react";
 import Avatar from "./Avatar";
 import { BaseAvatarLink } from "./styled";
+import { jsx as _jsx } from "react/jsx-runtime";
 function AvatarLink(_ref) {
   var linkProps = _ref.linkProps,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(BaseAvatarLink, linkProps, /*#__PURE__*/React.createElement(Avatar, restProps));
+  return /*#__PURE__*/_jsx(BaseAvatarLink, _extends({}, linkProps, {
+    children: /*#__PURE__*/_jsx(Avatar, _extends({}, restProps))
+  }));
 }
 export default AvatarLink;

package/dist/esm/Avatar/BaseAvatar.js

@@ -2,18 +2,21 @@ import { Fallback } from "@radix-ui/react-avatar";
 import React from "react";
 import { AVATAR_FALLBACK_CLASSNAME } from "./constants";
 import { BaseAvatarContainer, BaseAvatarImage } from "./styled";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function BaseAvatar(_ref) {
   var initials = _ref.initials,
     color = _ref.color,
     size = _ref.size,
     imageSrc = _ref.imageSrc;
-  return /*#__PURE__*/React.createElement(BaseAvatarContainer, {
+  return /*#__PURE__*/_jsxs(BaseAvatarContainer, {
     size: size,
-    color: color
-  }, /*#__PURE__*/React.createElement(BaseAvatarImage, {
-    src: imageSrc
-  }), /*#__PURE__*/React.createElement(Fallback, {
-    className: AVATAR_FALLBACK_CLASSNAME
-  }, initials));
+    color: color,
+    children: [/*#__PURE__*/_jsx(BaseAvatarImage, {
+      src: imageSrc
+    }), /*#__PURE__*/_jsx(Fallback, {
+      className: AVATAR_FALLBACK_CLASSNAME,
+      children: initials
+    })]
+  });
 }
 export default BaseAvatar;