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

package/dist/ModalDialog/index.js

@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Dialog = _interopRequireDefault(require("../Dialog"));
 var _Modal = _interopRequireDefault(require("../Modal"));
+var _jsxRuntime = require("react/jsx-runtime");
 function ModalDialog(_ref) {
   var modalProps = _ref.modalProps,
     dialogProps = _ref.dialogProps;
-  return /*#__PURE__*/_react["default"].createElement(_Modal["default"], modalProps, /*#__PURE__*/_react["default"].createElement(_Dialog["default"], dialogProps));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal["default"], (0, _extends2["default"])({}, modalProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog["default"], (0, _extends2["default"])({}, dialogProps))
+  }));
 }
 var _default = exports["default"] = ModalDialog;

package/dist/Popover/index.js

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../DropdownMenu/constants");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["triggerElement", "content", "isOpen", "onInteractOutside", "side", "align", "onEscapeKeyDown"];
 function Popover(_ref) {
   var triggerElement = _ref.triggerElement,
@@ -20,19 +21,25 @@ function Popover(_ref) {
     align = _ref.align,
     onEscapeKeyDown = _ref.onEscapeKeyDown,
     restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styled.PopoverRoot, (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.PopoverRoot, (0, _extends2["default"])({
     open: isOpen
-  }, restProps), /*#__PURE__*/_react["default"].createElement(_styled.PopoverTrigger, {
-    asChild: true
-  }, /*#__PURE__*/_react["default"].createElement("span", null, triggerElement)), /*#__PURE__*/_react["default"].createElement(_styled.PopoverContent, {
-    sideOffset: _constants.FLOATING_ELEMENT_SIDE_OFFSET,
-    side: side,
-    align: align,
-    onInteractOutside: onInteractOutside,
-    onOpenAutoFocus: function onOpenAutoFocus(event) {
-      return event.preventDefault();
-    },
-    onEscapeKeyDown: onEscapeKeyDown
-  }, content));
+  }, restProps, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.PopoverTrigger, {
+      asChild: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: triggerElement
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.PopoverContent, {
+      sideOffset: _constants.FLOATING_ELEMENT_SIDE_OFFSET,
+      side: side,
+      align: align,
+      onInteractOutside: onInteractOutside,
+      onOpenAutoFocus: function onOpenAutoFocus(event) {
+        return event.preventDefault();
+      },
+      onEscapeKeyDown: onEscapeKeyDown,
+      children: content
+    })]
+  }));
 }
 var _default = exports["default"] = Popover;

package/dist/Provider/index.js

@@ -11,6 +11,7 @@ var _LucideProvider = _interopRequireDefault(require("../LucideProvider"));
 var _Sidebar = require("../Sidebar");
 var _ThemeProvider = require("../ThemeProvider");
 var _contexts = _interopRequireDefault(require("../Tooltip/contexts"));
+var _jsxRuntime = require("react/jsx-runtime");
 function Provider(_ref) {
   var children = _ref.children,
     _ref$config = _ref.config,
@@ -29,9 +30,10 @@ function Provider(_ref) {
       SubProvider = _ref3[1];
     var isDisabled = disableProviders === null || disableProviders === void 0 ? void 0 : disableProviders[providerName];
     if (!isDisabled) {
-      childrenWithProviders = /*#__PURE__*/_react["default"].createElement(SubProvider, {
-        config: config[providerName]
-      }, childrenWithProviders);
+      childrenWithProviders = /*#__PURE__*/(0, _jsxRuntime.jsx)(SubProvider, {
+        config: config[providerName],
+        children: childrenWithProviders
+      });
     }
   });
   return childrenWithProviders;

package/dist/Shortcuts/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _useOS = _interopRequireDefault(require("./hooks/useOS"));
 var _logic = require("./logic");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function Shortcuts(_ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "uiElement" : _ref$variant,
@@ -20,25 +21,30 @@ function Shortcuts(_ref) {
   var transformedKeys = (0, _logic.transformKeys)(keys !== null && keys !== void 0 ? keys : [], os);
   if (combineKeys) {
     var keyOccurrences = {};
-    return /*#__PURE__*/_react["default"].createElement(_styled.BaseShortcut, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseShortcut, {
       separateCombinedKeys: true,
       as: "span",
       variant: variant,
-      color: color
-    }, transformedKeys === null || transformedKeys === void 0 ? void 0 : transformedKeys.map(function (key) {
-      var _keyOccurrences$key;
-      keyOccurrences[key] = ((_keyOccurrences$key = keyOccurrences[key]) !== null && _keyOccurrences$key !== void 0 ? _keyOccurrences$key : 0) + 1;
-      var reactKey = "".concat(key, "-").concat(keyOccurrences[key]);
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
-        key: reactKey
-      }, /*#__PURE__*/_react["default"].createElement("kbd", null, key));
-    }));
+      color: color,
+      children: transformedKeys === null || transformedKeys === void 0 ? void 0 : transformedKeys.map(function (key) {
+        var _keyOccurrences$key;
+        keyOccurrences[key] = ((_keyOccurrences$key = keyOccurrences[key]) !== null && _keyOccurrences$key !== void 0 ? _keyOccurrences$key : 0) + 1;
+        var reactKey = "".concat(key, "-").concat(keyOccurrences[key]);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react["default"].Fragment, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("kbd", {
+            children: key
+          })
+        }, reactKey);
+      })
+    });
   }
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseShortcutGroup, null, transformedKeys === null || transformedKeys === void 0 ? void 0 : transformedKeys.map(function (key) {
-    return /*#__PURE__*/_react["default"].createElement(_styled.BaseShortcut, {
-      key: key,
-      variant: variant,
-      color: color
-    }, key);
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseShortcutGroup, {
+    children: transformedKeys === null || transformedKeys === void 0 ? void 0 : transformedKeys.map(function (key) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseShortcut, {
+        variant: variant,
+        color: color,
+        children: key
+      }, key);
+    })
+  });
 }

package/dist/Shortcuts/logic.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.transformKeys = exports.transformKey = exports.getOS = void 0;
 var _constants = require("./constants");
 var getOS = exports.getOS = function getOS() {
-  var _navigator$userAgentD, _navigator$userAgentD2, _navigator$userAgentD3;
+  var _navigator$userAgentD, _navigator$userAgentD2;
   if (typeof navigator === "undefined") return null;
-  var platform = (_navigator$userAgentD = (_navigator$userAgentD2 = navigator.userAgentData) === null || _navigator$userAgentD2 === void 0 ? void 0 : (_navigator$userAgentD3 = _navigator$userAgentD2.platform) === null || _navigator$userAgentD3 === void 0 ? void 0 : _navigator$userAgentD3.toLowerCase()) !== null && _navigator$userAgentD !== void 0 ? _navigator$userAgentD : null;
+  var platform = (_navigator$userAgentD = (_navigator$userAgentD2 = navigator.userAgentData) === null || _navigator$userAgentD2 === void 0 || (_navigator$userAgentD2 = _navigator$userAgentD2.platform) === null || _navigator$userAgentD2 === void 0 ? void 0 : _navigator$userAgentD2.toLowerCase()) !== null && _navigator$userAgentD !== void 0 ? _navigator$userAgentD : null;
   if (platform !== null && platform !== void 0 && platform.includes("mac")) return "mac";
   if (platform !== null && platform !== void 0 && platform.includes("win")) return "windows";
   if (platform !== null && platform !== void 0 && platform.includes("linux")) return "linux";

package/dist/Sidebar/components/SidebarBar/hooks/useSidebarBar.spec.js

@@ -1,11 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _reactHooks = require("@testing-library/react-hooks");
+var _react = require("@testing-library/react");
 var _useSidebarBar = _interopRequireDefault(require("./useSidebarBar"));
 describe("useSidebarBar", function () {
   var mount = function mount() {
-    return (0, _reactHooks.renderHook)(function () {
+    return (0, _react.renderHook)(function () {
       return (0, _useSidebarBar["default"])(10);
     });
   };

package/dist/Sidebar/components/SidebarBar/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _SidebarCloseButton = _interopRequireDefault(require("../SidebarCloseButton"));
 var _useSidebarBar2 = _interopRequireDefault(require("./hooks/useSidebarBar"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function SidebarBar(_ref) {
   var isOpen = _ref.isOpen,
     children = _ref.children,
@@ -16,12 +17,15 @@ function SidebarBar(_ref) {
     topOffset = _ref.topOffset;
   var _useSidebarBar = (0, _useSidebarBar2["default"])(topOffset),
     style = _useSidebarBar.style;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseSidebarBar, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseSidebarBar, {
     isOpen: isOpen,
-    css: style
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseSidebarContent, null, /*#__PURE__*/_react["default"].createElement(_SidebarCloseButton["default"], {
-    tooltipContent: "Close Sidebar",
-    onClick: closeSidebar
-  }), children));
+    css: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseSidebarContent, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SidebarCloseButton["default"], {
+        tooltipContent: "Close Sidebar",
+        onClick: closeSidebar
+      }), children]
+    })
+  });
 }
 var _default = exports["default"] = SidebarBar;

package/dist/Sidebar/components/SidebarCloseButton/index.js

@@ -9,14 +9,17 @@ var _lucideReact = require("lucide-react");
 var _react = _interopRequireDefault(require("react"));
 var _IconButton = _interopRequireDefault(require("../../../IconButton"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function SidebarCloseButton(_ref) {
   var onClick = _ref.onClick,
     tooltipContent = _ref.tooltipContent;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseSidebarCloseButton, null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    icon: /*#__PURE__*/_react["default"].createElement(_lucideReact.X, null),
-    size: "compact",
-    tooltipContent: tooltipContent,
-    onClick: onClick
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseSidebarCloseButton, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.X, {}),
+      size: "compact",
+      tooltipContent: tooltipContent,
+      onClick: onClick
+    })
+  });
 }
 var _default = exports["default"] = SidebarCloseButton;

package/dist/Sidebar/components/SidebarWrapper/index.js

@@ -7,11 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function SidebarWrapper(_ref) {
   var isOpen = _ref.isOpen,
     children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseSidebarWrapper, {
-    isOpen: isOpen
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseSidebarWrapper, {
+    isOpen: isOpen,
+    children: children
+  });
 }
 var _default = exports["default"] = SidebarWrapper;

package/dist/Sidebar/contexts/SidebarContext/index.js

@@ -14,6 +14,7 @@ var _constants = require("../../components/SidebarBar/constants");
 var _SidebarWrapper = _interopRequireDefault(require("../../components/SidebarWrapper"));
 var _constants2 = require("./constants");
 var _useSidebar = _interopRequireDefault(require("./hooks/useSidebar"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SidebarContext = exports.SidebarContext = /*#__PURE__*/(0, _react.createContext)({
   isSidebarOpen: false,
@@ -40,14 +41,17 @@ function SidebarProvider(_ref) {
     sidebarContent = value.sidebarContent,
     closeSidebar = value.closeSidebar,
     openSidebar = value.openSidebar;
-  return /*#__PURE__*/_react["default"].createElement(SidebarContext.Provider, {
-    value: value
-  }, /*#__PURE__*/_react["default"].createElement(_SidebarWrapper["default"], {
-    isOpen: isSidebarOpen
-  }, children, /*#__PURE__*/_react["default"].createElement(_SidebarBar["default"], {
-    topOffset: topOffset,
-    isOpen: isSidebarOpen,
-    closeSidebar: closeSidebar,
-    openSidebar: openSidebar
-  }, sidebarContent)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SidebarContext.Provider, {
+    value: value,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SidebarWrapper["default"], {
+      isOpen: isSidebarOpen,
+      children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_SidebarBar["default"], {
+        topOffset: topOffset,
+        isOpen: isSidebarOpen,
+        closeSidebar: closeSidebar,
+        openSidebar: openSidebar,
+        children: sidebarContent
+      })]
+    })
+  });
 }

package/dist/SkeletonBox/Presets/Button.skeleton.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _primitives = _interopRequireDefault(require("../primitives"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["size", "shouldFitContainer", "width"];
 function ButtonSkeleton(_ref) {
   var _ref$size = _ref.size,
@@ -19,7 +20,7 @@ function ButtonSkeleton(_ref) {
     boxProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var height = size === "compact" ? 27.9 : 33.9;
   var calculatedWidth = shouldFitContainer ? "100%" : width;
-  return /*#__PURE__*/_react["default"].createElement(_primitives["default"], (0, _extends2["default"])({}, boxProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives["default"], (0, _extends2["default"])({}, boxProps, {
     height: height,
     width: calculatedWidth
   }));

package/dist/SkeletonBox/Presets/FormField.skeleton.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../../Box"));
 var _Stack = _interopRequireDefault(require("../../Stack"));
 var _primitives = _interopRequireDefault(require("../primitives"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["type", "helperMessage"];
 function FormFieldSkeleton(_ref) {
   var _ref$type = _ref.type,
@@ -17,19 +19,22 @@ function FormFieldSkeleton(_ref) {
     helperMessage = _ref.helperMessage,
     boxProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var inputHeight = type === "textarea" ? 95.99 : 32;
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], boxProps, /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
-    spacing: "sm"
-  }, /*#__PURE__*/_react["default"].createElement(_primitives["default"], {
-    height: 12,
-    width: 100,
-    maxWidth: "100%"
-  }), /*#__PURE__*/_react["default"].createElement(_primitives["default"], {
-    height: inputHeight,
-    width: "100%"
-  }), helperMessage && /*#__PURE__*/_react["default"].createElement(_primitives["default"], {
-    height: 12,
-    width: 200,
-    maxWidth: "100%"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], (0, _extends2["default"])({}, boxProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack["default"], {
+      spacing: "sm",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives["default"], {
+        height: 12,
+        width: 100,
+        maxWidth: "100%"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives["default"], {
+        height: inputHeight,
+        width: "100%"
+      }), helperMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives["default"], {
+        height: 12,
+        width: 200,
+        maxWidth: "100%"
+      })]
+    })
+  }));
 }
 var _default = exports["default"] = FormFieldSkeleton;

package/dist/SkeletonBox/Presets/Input.skeleton.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _primitives = _interopRequireDefault(require("../primitives"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["type"];
 function InputSkeleton(_ref) {
   var _ref$type = _ref.type,
@@ -17,7 +18,7 @@ function InputSkeleton(_ref) {
   var height = type === "textarea" ? 95.99 : 32;
 
   // let boxProps override width but not override height
-  return /*#__PURE__*/_react["default"].createElement(_primitives["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives["default"], (0, _extends2["default"])({
     width: "100%"
   }, boxProps, {
     height: height

package/dist/SkeletonBox/index.js

@@ -6,16 +6,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var Presets = _interopRequireWildcard(require("./Presets"));
 var _primitives = _interopRequireDefault(require("./primitives"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["preset"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function SkeletonBox(_ref) {
   var preset = _ref.preset,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var SkeletonComponent = preset ? Presets[preset] : _primitives["default"];
-  return /*#__PURE__*/_react["default"].createElement(SkeletonComponent, props);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SkeletonComponent, (0, _extends2["default"])({}, props));
 }
 var _default = exports["default"] = SkeletonBox;

package/dist/SkeletonBox/primitives/index.js

@@ -10,8 +10,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../../Box"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function PrimitiveSkeletonBox(_ref) {
   var restProps = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], restProps, /*#__PURE__*/_react["default"].createElement(_styled.BasePrimitiveSkeletonBox, null));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], (0, _extends2["default"])({}, restProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BasePrimitiveSkeletonBox, {})
+  }));
 }
 var _default = exports["default"] = PrimitiveSkeletonBox;

package/dist/Spinner/index.js

@@ -8,6 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("./constants");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var Spinner = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var _ref$delay = _ref.delay,
     delay = _ref$delay === void 0 ? 0 : _ref$delay,
@@ -16,27 +17,29 @@ var Spinner = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwarde
     onBackgroundColor = _ref.onBackgroundColor;
   var size = _constants.presetSizes[providedSize];
   var animationDelay = "".concat(delay, "ms");
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseSpinner, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseSpinner, {
     style: {
       animationDelay: animationDelay,
       width: size,
       height: size
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseSpinnerSvg, {
-    height: size,
-    width: size,
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    ref: forwardedRef,
-    style: {
-      animationDelay: animationDelay
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseSpinnerCircle, {
-    cx: "8",
-    cy: "8",
-    r: "7",
-    color: onBackgroundColor
-  })));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseSpinnerSvg, {
+      height: size,
+      width: size,
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg",
+      ref: forwardedRef,
+      style: {
+        animationDelay: animationDelay
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseSpinnerCircle, {
+        cx: "8",
+        cy: "8",
+        r: "7",
+        color: onBackgroundColor
+      })
+    })
+  });
 });
 Spinner.displayName = "Spinner";
 var _default = exports["default"] = Spinner;

package/dist/Stack/index.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["as", "style", "className", "css", "children", "direction", "spacing", "align", "justify", "wrap", "shouldFitContainer"];
 function Stack(_ref) {
   var as = _ref.as,
@@ -27,13 +28,15 @@ function Stack(_ref) {
     wrap = _ref.wrap,
     shouldFitContainer = _ref.shouldFitContainer,
     restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseStack, (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseStack, (0, _extends2["default"])({
     direction: direction,
     align: align,
     justify: justify,
     spacing: spacing,
     wrap: wrap,
     shouldFitContainer: shouldFitContainer
-  }, restProps), children);
+  }, restProps, {
+    children: children
+  }));
 }
 var _default = exports["default"] = Stack;

package/dist/StatusBadge/StatusBadge.js

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _StatusBadgeIcon = _interopRequireDefault(require("./components/StatusBadgeIcon"));
 var _logic = require("./logic");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["label", "icon", "hideIcon", "importance", "severity", "css", "style", "className", "as"];
 var StatusBadge = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var label = _ref.label,
@@ -26,11 +27,15 @@ var StatusBadge = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forw
     className = _ref.className,
     as = _ref.as,
     restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseStatusBadge, (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseStatusBadge, (0, _extends2["default"])({
     ref: forwardedRef,
     importance: importance,
     severity: severity
-  }, restProps), !hideIcon && /*#__PURE__*/_react["default"].createElement(_StatusBadgeIcon["default"], null, icon || (0, _logic.getIcon)(severity)), label);
+  }, restProps, {
+    children: [!hideIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusBadgeIcon["default"], {
+      children: icon || (0, _logic.getIcon)(severity)
+    }), label]
+  }));
 });
 StatusBadge.displayName = "StatusBadge";
 var _default = exports["default"] = StatusBadge;

package/dist/StatusBadge/StatusBadgeButton.js

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _StatusBadgeIcon = _interopRequireDefault(require("./components/StatusBadgeIcon"));
 var _logic = require("./logic");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["label", "icon", "hideIcon", "importance", "severity", "css", "style", "className", "as", "onClick"];
 var StatusBadgeButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var label = _ref.label,
@@ -27,13 +28,17 @@ var StatusBadgeButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref
     as = _ref.as,
     onClick = _ref.onClick,
     restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseStatusBadgeButton, (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseStatusBadgeButton, (0, _extends2["default"])({
     interactive: true,
     onClick: onClick,
     ref: forwardedRef,
     importance: importance,
     severity: severity
-  }, restProps), !hideIcon && /*#__PURE__*/_react["default"].createElement(_StatusBadgeIcon["default"], null, icon || (0, _logic.getIcon)(severity)), label);
+  }, restProps, {
+    children: [!hideIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusBadgeIcon["default"], {
+      children: icon || (0, _logic.getIcon)(severity)
+    }), label]
+  }));
 });
 StatusBadgeButton.displayName = "StatusBadgeButton";
 var _default = exports["default"] = StatusBadgeButton;

package/dist/StatusBadge/StatusBadgeLink.js

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _StatusBadgeIcon = _interopRequireDefault(require("./components/StatusBadgeIcon"));
 var _logic = require("./logic");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["label", "icon", "hideIcon", "importance", "severity", "css", "style", "className", "as", "href", "target"];
 var StatusBadgeLink = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var label = _ref.label,
@@ -28,14 +29,18 @@ var StatusBadgeLink = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
     href = _ref.href,
     target = _ref.target,
     restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseStatusBadgeLink, (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseStatusBadgeLink, (0, _extends2["default"])({
     interactive: true,
     target: target,
     href: href,
     ref: forwardedRef,
     importance: importance,
     severity: severity
-  }, restProps), !hideIcon && /*#__PURE__*/_react["default"].createElement(_StatusBadgeIcon["default"], null, icon || (0, _logic.getIcon)(severity)), label);
+  }, restProps, {
+    children: [!hideIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusBadgeIcon["default"], {
+      children: icon || (0, _logic.getIcon)(severity)
+    }), label]
+  }));
 });
 StatusBadgeLink.displayName = "StatusBadgeLink";
 var _default = exports["default"] = StatusBadgeLink;

package/dist/StatusBadge/components/StatusBadgeIcon/index.js

@@ -7,8 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styled = _interopRequireDefault(require("./styled"));
+var _jsxRuntime = require("react/jsx-runtime");
 function StatusBadgeIcon(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_styled["default"], null, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled["default"], {
+    children: children
+  });
 }
 var _default = exports["default"] = StatusBadgeIcon;

package/dist/StatusBadge/constants.js

@@ -8,14 +8,15 @@ exports["default"] = void 0;
 var _icons = require("@vitality-ds/icons");
 var _lucideReact = require("lucide-react");
 var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 var DEFAULT_ICONS = {
-  warning: /*#__PURE__*/_react["default"].createElement(_lucideReact.TriangleAlert, null),
-  info: /*#__PURE__*/_react["default"].createElement(_lucideReact.Info, null),
-  neutral: /*#__PURE__*/_react["default"].createElement(_lucideReact.Info, null),
-  success: /*#__PURE__*/_react["default"].createElement(_lucideReact.CircleCheck, null),
-  critical: /*#__PURE__*/_react["default"].createElement(_lucideReact.CircleAlert, null),
-  accent: /*#__PURE__*/_react["default"].createElement(_lucideReact.Info, null),
-  brand: /*#__PURE__*/_react["default"].createElement(_icons.GentuLogo, null),
-  primary: /*#__PURE__*/_react["default"].createElement(_lucideReact.Info, null)
+  warning: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.TriangleAlert, {}),
+  info: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.Info, {}),
+  neutral: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.Info, {}),
+  success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.CircleCheck, {}),
+  critical: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.CircleAlert, {}),
+  accent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.Info, {}),
+  brand: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.GentuLogo, {}),
+  primary: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.Info, {})
 };
 var _default = exports["default"] = DEFAULT_ICONS;