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

package/dist/Input/Select/components/OptionValueContents/index.js

@@ -5,20 +5,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Flex = _interopRequireDefault(require("../../../../Flex"));
 var _Stack = _interopRequireDefault(require("../../../../Stack"));
 var _StatusBadge = require("../../../../StatusBadge");
 var _ValueText = _interopRequireDefault(require("./components/ValueText"));
+var _jsxRuntime = require("react/jsx-runtime");
 function OptionValueContents(_ref) {
   var label = _ref.label,
     statusBadgeProps = _ref.statusBadgeProps;
-  return /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack["default"], {
     direction: "horizontal",
     align: "center",
-    justify: "between"
-  }, /*#__PURE__*/_react["default"].createElement(_ValueText["default"], null, label), statusBadgeProps && /*#__PURE__*/_react["default"].createElement(_Flex["default"], {
-    shouldShrink: false
-  }, /*#__PURE__*/_react["default"].createElement(_StatusBadge.StatusBadge, statusBadgeProps)));
+    justify: "between",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ValueText["default"], {
+      children: label
+    }), statusBadgeProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flex["default"], {
+      shouldShrink: false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusBadge.StatusBadge, (0, _extends2["default"])({}, statusBadgeProps))
+    })]
+  });
 }
 var _default = exports["default"] = OptionValueContents;

package/dist/Input/Select/components/SingleValue/index.js

@@ -5,11 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactSelect = require("react-select");
 var _OptionValueContents = _interopRequireDefault(require("../OptionValueContents"));
+var _jsxRuntime = require("react/jsx-runtime");
 function CustomSingleValue(props) {
   var data = props.data;
-  return /*#__PURE__*/_react["default"].createElement(_reactSelect.components.SingleValue, props, /*#__PURE__*/_react["default"].createElement(_OptionValueContents["default"], data));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.SingleValue, (0, _extends2["default"])({}, props, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OptionValueContents["default"], (0, _extends2["default"])({}, data))
+  }));
 }
 var _default = exports["default"] = CustomSingleValue;

package/dist/Input/Select/hooks/useGetCustomComponents.spec.js

@@ -1,13 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _reactHooks = require("@testing-library/react-hooks");
+var _react = require("@testing-library/react");
 var _useGetCustomComponents = _interopRequireDefault(require("./useGetCustomComponents"));
 describe("useGetCustomComponents", function () {
   var hideDropdownIndicator = true;
   var component = "";
   var mount = function mount() {
-    return (0, _reactHooks.renderHook)(function () {
+    return (0, _react.renderHook)(function () {
       return (0, _useGetCustomComponents["default"])({
         hideDropdownIndicator: hideDropdownIndicator,
         component: component

package/dist/Input/TextInput/components/AdornmentWrapper/index.js

@@ -9,13 +9,16 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("./constants");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function AdornmentWrapper(_ref) {
   var adornmentProps = _ref.adornmentProps,
     side = _ref.side;
   var type = adornmentProps.type,
     props = adornmentProps.props;
   var Component = _constants.ADORNMENT_TYPES[type] || _constants.ADORNMENT_TYPES["default"];
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseAdornmentWrapper, null, /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
-    side: side
-  }, props)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseAdornmentWrapper, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, (0, _extends2["default"])({
+      side: side
+    }, props))
+  });
 }

package/dist/Input/TextInput/components/ButtonAdornment/index.js

@@ -10,11 +10,16 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("../../../../Button"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["label"];
 function ButtonAdornment(_ref) {
   var label = _ref.label,
     restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styled.ButtonWrapper, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-    size: "compact"
-  }, restProps), label));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.ButtonWrapper, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], (0, _extends2["default"])({
+      size: "compact"
+    }, restProps, {
+      children: label
+    }))
+  });
 }

package/dist/Input/TextInput/components/IconAdornment/index.js

@@ -7,11 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = IconAdornment;
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function IconAdornment(_ref) {
   var icon = _ref.icon,
     color = _ref.color;
   var Component = icon;
-  return /*#__PURE__*/_react["default"].createElement(_styled.IconWrapper, null, /*#__PURE__*/_react["default"].createElement(Component, {
-    color: color || "currentColor"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.IconWrapper, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      color: color || "currentColor"
+    })
+  });
 }

package/dist/Input/TextInput/components/IconButtonAdornment/index.js

@@ -5,9 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = IconButtonAdornment;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _IconButton = _interopRequireDefault(require("../../../../IconButton"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function IconButtonAdornment(props) {
-  return /*#__PURE__*/_react["default"].createElement(_styled.IconButtonWrapper, null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.IconButtonWrapper, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], (0, _extends2["default"])({}, props))
+  });
 }

package/dist/Input/TextInput/components/Mask/index.js

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _logic = require("./logic");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["maskProps"],
   _excluded2 = ["presetMask", "keepCharPositions"];
 var MaskedInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
@@ -21,12 +22,12 @@ var MaskedInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forw
     restMaskProps = (0, _objectWithoutProperties2["default"])(maskProps, _excluded2);
   if (presetMask) {
     var presetConfig = (0, _logic.getPresetMaskConfig)(presetMask);
-    return /*#__PURE__*/_react["default"].createElement(_styled.BaseMaskedTextInput, (0, _extends2["default"])({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseMaskedTextInput, (0, _extends2["default"])({
       keepCharPositions: keepCharPositions,
       ref: forwardedRef
     }, restProps, presetConfig));
   }
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseMaskedTextInput, (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseMaskedTextInput, (0, _extends2["default"])({
     keepCharPositions: keepCharPositions,
     ref: forwardedRef
   }, restMaskProps, restProps));

package/dist/Input/TextInput/components/ShortcutAdornment/index.js

@@ -7,12 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = ShortcutAdornment;
 var _react = _interopRequireDefault(require("react"));
 var _Shortcuts = _interopRequireDefault(require("../../../../Shortcuts"));
+var _jsxRuntime = require("react/jsx-runtime");
 function ShortcutAdornment(_ref) {
   var keys = _ref.keys,
     combineKeys = _ref.combineKeys,
     color = _ref.color,
     variant = _ref.variant;
-  return /*#__PURE__*/_react["default"].createElement(_Shortcuts["default"], {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Shortcuts["default"], {
     keys: keys,
     combineKeys: combineKeys,
     color: color,

package/dist/Input/TextInput/components/SpinnerAdornment/index.js

@@ -8,8 +8,11 @@ exports["default"] = SpinnerAdornment;
 var _react = _interopRequireDefault(require("react"));
 var _Spinner = _interopRequireDefault(require("../../../../Spinner"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function SpinnerAdornment() {
-  return /*#__PURE__*/_react["default"].createElement(_styled.SpinnerWrapper, null, /*#__PURE__*/_react["default"].createElement(_Spinner["default"], {
-    size: "sm"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.SpinnerWrapper, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner["default"], {
+      size: "sm"
+    })
+  });
 }

package/dist/Input/TextInput/components/TextAdornment/index.js

@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = TextAdornment;
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function TextAdornment(_ref) {
   var text = _ref.text,
     side = _ref.side;
-  return /*#__PURE__*/_react["default"].createElement(_styled.AdornmentText, {
-    side: side
-  }, text);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.AdornmentText, {
+    side: side,
+    children: text
+  });
 }

package/dist/Input/TextInput/index.js

@@ -11,18 +11,19 @@ var _react = _interopRequireDefault(require("react"));
 var _AdornmentWrapper = _interopRequireDefault(require("./components/AdornmentWrapper"));
 var _Mask = _interopRequireDefault(require("./components/Mask"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["maskProps"],
   _excluded2 = ["value", "name", "id", "disabled", "hasError", "placeholder", "onChange", "textAlign", "adornStart", "adornEnd", "css", "style", "className", "as", "asChild", "type", "maskProps"];
 var getInputComponent = function getInputComponent(_ref, forwardRef) {
   var maskProps = _ref.maskProps,
     restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   if (maskProps) {
-    return /*#__PURE__*/_react["default"].createElement(_Mask["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Mask["default"], (0, _extends2["default"])({
       ref: forwardRef,
       maskProps: maskProps
     }, restProps));
   }
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseTextInput, (0, _extends2["default"])({}, restProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseTextInput, (0, _extends2["default"])({}, restProps, {
     ref: forwardRef
   }));
 };
@@ -59,16 +60,17 @@ var TextInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, forwa
     maskProps: maskProps
   }, restProps);
   var inputComponent = getInputComponent(inputProps, forwardedRef);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseInputWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseInputWrapper, {
     hasError: hasError,
-    disabled: disabled
-  }, !!adornStart && /*#__PURE__*/_react["default"].createElement(_AdornmentWrapper["default"], {
-    adornmentProps: adornStart,
-    side: "start"
-  }), inputComponent, !!adornEnd && /*#__PURE__*/_react["default"].createElement(_AdornmentWrapper["default"], {
-    adornmentProps: adornEnd,
-    side: "end"
-  }));
+    disabled: disabled,
+    children: [!!adornStart && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdornmentWrapper["default"], {
+      adornmentProps: adornStart,
+      side: "start"
+    }), inputComponent, !!adornEnd && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdornmentWrapper["default"], {
+      adornmentProps: adornEnd,
+      side: "end"
+    })]
+  });
 });
 TextInput.displayName = "TextInput";
 var _default = exports["default"] = TextInput;

package/dist/Input/TextInput/index.spec.js

@@ -6,6 +6,7 @@ var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _constants = require("./components/Mask/constants");
 var _index = _interopRequireDefault(require("./index"));
+var _jsxRuntime = require("react/jsx-runtime");
 var mockOnChange = jest.fn();
 var commonInputProps = {
   name: "nameOfInput",
@@ -16,7 +17,7 @@ var commonInputProps = {
 };
 describe("<TextInput />", function () {
   it("Should return an <div></div> with a child <input /> with type text", function () {
-    var _render = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({
+    var _render = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({
         value: ""
       }, commonInputProps))),
       container = _render.container;
@@ -25,18 +26,18 @@ describe("<TextInput />", function () {
     expect(container.querySelector("input").getAttribute("type")).toEqual("text");
   });
   it("Should not call onChange Function on load", function () {
-    (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], commonInputProps));
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, commonInputProps)));
     expect(mockOnChange).not.toHaveBeenCalled();
   });
   it("Should dispaly a value if given", function () {
-    var _render2 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
+    var _render2 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
         value: "Prepopulated"
       }))),
       container = _render2.container;
     expect(container.querySelector("input").getAttribute("value")).toEqual("Prepopulated");
   });
   it("Should trigger onChange when value is changed on enabled input field", function () {
-    var _render3 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], commonInputProps)),
+    var _render3 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, commonInputProps))),
       container = _render3.container;
     _react.fireEvent.change((0, _react.getByPlaceholderText)(container, commonInputProps.placeholder), {
       target: {
@@ -46,7 +47,7 @@ describe("<TextInput />", function () {
     expect(mockOnChange).toHaveBeenCalled();
   });
   it("Should not change value of input field when disabled", function () {
-    var _render4 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], commonInputProps)),
+    var _render4 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, commonInputProps))),
       container = _render4.container;
     _react.fireEvent.change((0, _react.getByPlaceholderText)(container, commonInputProps.placeholder), {
       target: {
@@ -56,45 +57,45 @@ describe("<TextInput />", function () {
     expect(container.querySelector("input").value).not.toBe("test");
   });
   it("Should receive the hasError-true stitches class when hasError is given as a prop", function () {
-    var _render5 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
+    var _render5 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
         hasError: true
       }))),
       container = _render5.container;
     expect(container.querySelector("div").getAttribute("class")).toContain("hasError-true");
   });
   it("Should not have the hasError-true stitches class when hasError is no longer true", function () {
-    var _render6 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
+    var _render6 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
         hasError: true
       }))),
       container = _render6.container,
       rerender = _render6.rerender;
     expect(container.querySelector("div").getAttribute("class")).toContain("hasError-true");
-    rerender(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
+    rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
       hasError: false
     })));
     expect(container.querySelector("div").getAttribute("class")).not.toContain("hasError-true");
   });
   it("When no textAlign prop is given then should have the stitches prop alignment-left", function () {
-    var _render7 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], commonInputProps)),
+    var _render7 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, commonInputProps))),
       container = _render7.container;
     expect(container.querySelector("input").getAttribute("class")).toContain("textAlign-left");
   });
   it("When textAlign='left' prop is given then should have the stitches prop alignment-left", function () {
-    var _render8 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
+    var _render8 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
         textAlign: "left"
       }))),
       container = _render8.container;
     expect(container.querySelector("input").getAttribute("class")).toContain("textAlign-left");
   });
   it("When no textAlign='right' prop is given then should have the stitches prop alignment-right", function () {
-    var _render9 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
+    var _render9 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
         textAlign: "right"
       }))),
       container = _render9.container;
     expect(container.querySelector("input").getAttribute("class")).toContain("textAlign-right");
   });
   it("Should return the appropriate value when a text mask is applied", function () {
-    var _render0 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
+    var _render0 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
         maskProps: {
           presetMask: "creditCard"
         },
@@ -109,7 +110,7 @@ describe("<TextInput />", function () {
     expect(container.querySelector("input").value).toBe("123_ ____ ____ ____");
   });
   it("Should prevent characters from being entered that don't fit the mask's pattern", function () {
-    var _render1 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
+    var _render1 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
         maskProps: {
           presetMask: "creditCard"
         },
@@ -124,7 +125,7 @@ describe("<TextInput />", function () {
     expect(container.querySelector("input").value).toBe("");
   });
   it("Should return specific mask rules when when a presetMask is applied", function () {
-    var _render10 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
+    var _render10 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, commonInputProps, {
         value: null,
         maskProps: {
           presetMask: "medicare"

package/dist/Input/Textarea/index.js

@@ -11,6 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _logic = require("./logic");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["css", "as", "asChild", "style", "className", "value", "name", "id", "placeholder", "disabled", "onChange", "hasError", "resize", "minRows", "maxRows"];
 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 Textarea = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
@@ -62,7 +63,7 @@ var Textarea = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forward
       });
     }
   }, [textareaRef, minRows, maxRows, resize]);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseTextarea, (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseTextarea, (0, _extends2["default"])({
     value: value,
     name: name,
     ref: textareaRef,

package/dist/Input/Textarea/index.spec.js

@@ -5,6 +5,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
+var _jsxRuntime = require("react/jsx-runtime");
 describe("<Textarea />", function () {
   beforeEach(function () {
     jest.clearAllMocks();
@@ -16,13 +17,13 @@ describe("<Textarea />", function () {
   };
   var mockChange = jest.fn();
   it("Should not call onChange on load", function () {
-    (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({
       onChange: mockChange
     }, mockData)));
     expect(mockChange).not.toBeCalled();
   });
   it("Should call on change when change occurs", function () {
-    (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({
       onChange: mockChange
     }, mockData)));
     var textarea = _react.screen.getByRole("textbox");
@@ -34,7 +35,7 @@ describe("<Textarea />", function () {
     expect(mockChange).toBeCalledTimes(1);
   });
   it("Shouldn't call onChange when disabled", function () {
-    (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({
       onChange: mockChange
     }, mockData, {
       disabled: true

package/dist/Input/TimePicker/components/NoOptionsMessage/index.js

@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Typography = _interopRequireDefault(require("../../../../Typography"));
+var _jsxRuntime = require("react/jsx-runtime");
 function NoOptionsMessage(_ref) {
   var value = _ref.value;
-  return /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    variant: "display300"
-  }, "Selected time: ", value);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography["default"], {
+    variant: "display300",
+    children: ["Selected time: ", value]
+  });
 }
 var _default = exports["default"] = NoOptionsMessage;

package/dist/Input/TimePicker/index.js

@@ -12,6 +12,7 @@ var _empties = require("../../helpers/logic/empties");
 var _primitives = _interopRequireDefault(require("../Select/Select/primitives"));
 var _NoOptionsMessage = _interopRequireDefault(require("./components/NoOptionsMessage"));
 var _logic = require("./logic");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["interval", "startTime", "endTime", "disabledTimes", "id", "name", "disabled", "onChange", "value", "onBlur"];
 var TimePicker = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var _ref$interval = _ref.interval,
@@ -43,7 +44,7 @@ var TimePicker = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwa
       }
     }
   };
-  return /*#__PURE__*/_react["default"].createElement(_primitives["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives["default"], (0, _extends2["default"])({
     isMulti: false,
     valueRenderType: "typeahead",
     ref: forwardedRef,

package/dist/LegacyPaper/index.js

@@ -7,15 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function LegacyPaper(_ref) {
   var children = _ref.children,
     _ref$elevation = _ref.elevation,
     elevation = _ref$elevation === void 0 ? "md" : _ref$elevation,
     _ref$padding = _ref.padding,
     padding = _ref$padding === void 0 ? "lg" : _ref$padding;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseLegacyPaper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseLegacyPaper, {
     elevation: elevation,
-    padding: padding
-  }, children);
+    padding: padding,
+    children: children
+  });
 }
 var _default = exports["default"] = LegacyPaper;

package/dist/LinearProgress/index.js

@@ -8,13 +8,16 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _useLinearProgress = _interopRequireDefault(require("./hooks/useLinearProgress"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function LinearProgress(_ref) {
   var value = _ref.value,
     indeterminate = _ref.indeterminate;
   var style = (0, _useLinearProgress["default"])(value);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseLinearProgress, null, /*#__PURE__*/_react["default"].createElement(_styled.BaseLinearProgressIndicator, {
-    indeterminate: !value && value !== 0 || indeterminate,
-    style: style
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseLinearProgress, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseLinearProgressIndicator, {
+      indeterminate: !value && value !== 0 || indeterminate,
+      style: style
+    })
+  });
 }
 var _default = exports["default"] = LinearProgress;

package/dist/Link/Link.js

@@ -9,13 +9,14 @@ 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", "css"];
 var Link = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var as = _ref.as,
     style = _ref.style,
     css = _ref.css,
     restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseLink, (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseLink, (0, _extends2["default"])({
     ref: forwardedRef
   }, restProps));
 });

package/dist/Link/LinkButton.js

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _logic = require("../Button/logic");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["appearance", "size", "as", "style", "css"];
 var LinkButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var appearance = _ref.appearance,
@@ -22,7 +23,7 @@ var LinkButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwa
   var _getAppearance = (0, _logic.getAppearance)(appearance),
     color = _getAppearance.color,
     variant = _getAppearance.variant;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseLinkButton, (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseLinkButton, (0, _extends2["default"])({
     ref: forwardedRef,
     color: color,
     variant: variant,

package/dist/LucideProvider/index.js

@@ -5,14 +5,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _lucideReact = require("lucide-react");
 var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 function LucideProvider(_ref) {
   var _ref$config = _ref.config,
     config = _ref$config === void 0 ? {
       size: 16
     } : _ref$config,
     children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_lucideReact.LucideProvider, config, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.LucideProvider, (0, _extends2["default"])({}, config, {
+    children: children
+  }));
 }
 var _default = exports["default"] = LucideProvider;

package/dist/Modal/index.js

@@ -9,6 +9,7 @@ exports["default"] = void 0;
 var RadixModal = _interopRequireWildcard(require("@radix-ui/react-dialog"));
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+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); }
 function Modal(_ref) {
   var open = _ref.open,
@@ -19,17 +20,21 @@ function Modal(_ref) {
     onCloseAutoFocus = _ref.onCloseAutoFocus,
     children = _ref.children,
     isLayeredModal = _ref.isLayeredModal;
-  return /*#__PURE__*/_react["default"].createElement(RadixModal.Root, {
-    open: open
-  }, /*#__PURE__*/_react["default"].createElement(RadixModal.Portal, null, /*#__PURE__*/_react["default"].createElement(_styled.BaseModalBlanket, {
-    isLayeredModal: isLayeredModal
-  }), /*#__PURE__*/_react["default"].createElement(_styled.BaseModalContent, {
-    onEscapeKeyDown: onEscapeKeyDown,
-    onPointerDownOutside: onPointerDownOutside,
-    onInteractOutside: onInteractOutside,
-    onOpenAutoFocus: onOpenAutoFocus,
-    onCloseAutoFocus: onCloseAutoFocus,
-    isLayeredModal: isLayeredModal
-  }, children)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadixModal.Root, {
+    open: open,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(RadixModal.Portal, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseModalBlanket, {
+        isLayeredModal: isLayeredModal
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseModalContent, {
+        onEscapeKeyDown: onEscapeKeyDown,
+        onPointerDownOutside: onPointerDownOutside,
+        onInteractOutside: onInteractOutside,
+        onOpenAutoFocus: onOpenAutoFocus,
+        onCloseAutoFocus: onCloseAutoFocus,
+        isLayeredModal: isLayeredModal,
+        children: children
+      })]
+    })
+  });
 }
 var _default = exports["default"] = Modal;