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

package/dist/Input/RadioButtons/index.js

@@ -1,17 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 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 _react = _interopRequireWildcard(require("react"));
 var _RadioButton = _interopRequireDefault(require("./components/RadioButton"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["onChange", "options", "direction", "value", "name", "css", "asChild", "as", "style", "className", "disabled"],
   _excluded2 = ["id", "disabled"];
+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 RadioButtons = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var onChange = _ref.onChange,
     options = _ref.options,
@@ -26,22 +29,24 @@ var RadioButtons = /*#__PURE__*/_react["default"].forwardRef(function (_ref, for
     className = _ref.className,
     disabled = _ref.disabled,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseRadioButtonsContainer, (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseRadioButtonsContainer, (0, _extends2["default"])({
     onValueChange: onChange,
     orientation: direction,
     value: value,
     name: name,
     ref: forwardedRef,
     disabled: disabled
-  }, props), options === null || options === void 0 ? void 0 : options.map(function (_ref2) {
-    var id = _ref2.id,
-      optionDisabled = _ref2.disabled,
-      restProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-    return /*#__PURE__*/_react["default"].createElement(_RadioButton["default"], (0, _extends2["default"])({}, restProps, {
-      key: id,
-      id: id,
-      disabled: disabled || optionDisabled
-    }));
+  }, props, {
+    children: options === null || options === void 0 ? void 0 : options.map(function (_ref2) {
+      var id = _ref2.id,
+        optionDisabled = _ref2.disabled,
+        restProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+      return /*#__PURE__*/(0, _react.createElement)(_RadioButton["default"], (0, _extends2["default"])({}, restProps, {
+        key: id,
+        id: id,
+        disabled: disabled || optionDisabled
+      }));
+    })
   }));
 });
 RadioButtons.displayName = "RadioButtons";

package/dist/Input/RadioButtons/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");
 var mockProps = {
   name: "mockName",
   options: [{
@@ -24,7 +25,7 @@ var mockProps = {
 };
 describe("<RadioButtons />", function () {
   it("should render the correct number of radio buttons", function () {
-    var _render = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], (0, _extends2["default"])({}, mockProps, {
+    var _render = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, mockProps, {
         onChange: function onChange() {
           return null;
         }
@@ -35,13 +36,13 @@ describe("<RadioButtons />", function () {
   });
   it("will not call onChange on initial load", function () {
     var mockOnChange = jest.fn();
-    (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: mockOnChange
     }, mockProps)));
     expect(mockOnChange).not.toHaveBeenCalled();
   });
   it("will load a default value as checked", 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: function onChange() {
         return null;
       },
@@ -52,7 +53,7 @@ describe("<RadioButtons />", function () {
   });
   it("will call onChange when an enabled button is clicked", function () {
     var mockOnChange = jest.fn();
-    (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: mockOnChange
     }, mockProps)));
     _react.fireEvent.click(_react.screen.getByLabelText("Radio One Label"));
@@ -60,14 +61,14 @@ describe("<RadioButtons />", function () {
   });
   it("will not call onChange when a disabled button is clicked", function () {
     var mockOnChange = jest.fn();
-    (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: mockOnChange
     }, mockProps)));
     _react.fireEvent.click(_react.screen.getByLabelText("Radio Three Label"));
     expect(mockOnChange).not.toHaveBeenCalled();
   });
   it("will have a checked state when an enabled button is clicked", 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: function onChange() {
         return null;
       }
@@ -77,7 +78,7 @@ describe("<RadioButtons />", function () {
     expect(radioOne.getAttribute("aria-checked")).toBe("true");
   });
   it("will not have a checked state when a disabled button is clicked", 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: function onChange() {
         return null;
       }
@@ -87,7 +88,7 @@ describe("<RadioButtons />", function () {
     expect(radioThree.getAttribute("aria-checked")).toBe("false");
   });
   it("only checks one radio button at a time", 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: function onChange() {
         return null;
       }
@@ -111,7 +112,7 @@ describe("<RadioButtons />", function () {
     expect(radioThree.getAttribute("aria-checked")).toBe("false");
   });
   it("should disable all radio buttons when disabled prop is true", 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: function onChange() {
         return null;
       }
@@ -126,7 +127,7 @@ describe("<RadioButtons />", function () {
     expect(radioThree.getAttribute("data-disabled")).toBe("");
   });
   it("should disable individual radio buttons via options", 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: function onChange() {
         return null;
       }
@@ -139,7 +140,7 @@ describe("<RadioButtons />", function () {
     expect(radioThree.getAttribute("data-disabled")).toBe("");
   });
   it("should disable all radio buttons when both disabled prop and individual option disabled are set", 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: function onChange() {
         return null;
       }
@@ -153,7 +154,7 @@ describe("<RadioButtons />", function () {
     expect(radioTwo.getAttribute("data-disabled")).toBe("");
     expect(radioThree.getAttribute("data-disabled")).toBe("");
     var mockOnChange = jest.fn();
-    (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: mockOnChange
     }, mockProps, {
       disabled: true

package/dist/Input/SearchInput/index.js

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _lucideReact = require("lucide-react");
 var _react = _interopRequireDefault(require("react"));
 var _TextInput = _interopRequireDefault(require("../TextInput"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["isLoading", "name", "value", "onChange", "icon"];
 var SearchInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var _ref$isLoading = _ref.isLoading,
@@ -20,7 +21,7 @@ var SearchInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forw
     _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? _lucideReact.Search : _ref$icon,
     restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_TextInput["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextInput["default"], (0, _extends2["default"])({
     ref: forwardedRef,
     adornStart: icon && {
       type: "icon",

package/dist/Input/Select/AsyncSelect/hooks/useLoadOptions.spec.js

@@ -1,7 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _reactHooks = require("@testing-library/react-hooks");
+var _react = require("@testing-library/react");
 var _useLoadOptions = _interopRequireDefault(require("./useLoadOptions"));
 describe("useLoadOptions", function () {
   var onSearch = jest.fn();
@@ -12,7 +12,7 @@ describe("useLoadOptions", function () {
     jest.clearAllMocks();
   });
   var mount = function mount() {
-    return (0, _reactHooks.renderHook)(function () {
+    return (0, _react.renderHook)(function () {
       return (0, _useLoadOptions["default"])(onSearch, minChars, requestDelayMs, memoizedDebouncedSearch);
     });
   };

package/dist/Input/Select/AsyncSelect/hooks/useMemoizedDebounceSearch.spec.js

@@ -1,7 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _reactHooks = require("@testing-library/react-hooks");
+var _react = require("@testing-library/react");
 var _useMemoizedDebounceSearch = _interopRequireDefault(require("./useMemoizedDebounceSearch"));
 describe("useMemoizedDebounce", function () {
   var onSearch = jest.fn();
@@ -10,7 +10,7 @@ describe("useMemoizedDebounce", function () {
     jest.clearAllMocks();
   });
   var mount = function mount() {
-    return (0, _reactHooks.renderHook)(function () {
+    return (0, _react.renderHook)(function () {
       return (0, _useMemoizedDebounceSearch["default"])({
         requestDelayMs: requestDelayMs,
         onSearch: onSearch

package/dist/Input/Select/AsyncSelect/index.js

@@ -17,6 +17,7 @@ var _useTypeaheadChangeHandlers = _interopRequireDefault(require("../hooks/useTy
 var _logic = require("../logic");
 var _useLoadOptions2 = _interopRequireDefault(require("./hooks/useLoadOptions"));
 var _useMemoizedDebounceSearch = _interopRequireDefault(require("./hooks/useMemoizedDebounceSearch"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["style", "className", "suggestedItems", "name", "onChange", "onSearch", "id", "disabled", "hasError", "isClearable", "value", "hideDropdownIndicator", "minChars", "requestDelayMs", "leftAdornmentIcon", "isMulti", "openMenuOnClick", "renderOption", "menuPlacement", "menuPosition", "portalMenu", "valueRenderType", "inputValue", "onInputChange", "noOptionsMessage"];
 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 AsyncSelect = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
@@ -82,7 +83,7 @@ var AsyncSelect = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forw
   var safeInputValue = (0, _react.useMemo)(function () {
     return (0, _logic.getSafeInputValue)(value, inputValue, valueRenderType);
   }, [value, inputValue, valueRenderType]);
-  return /*#__PURE__*/_react["default"].createElement(_async["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_async["default"], (0, _extends2["default"])({
     id: id,
     loadOptions: loadOptions,
     value: value,

package/dist/Input/Select/CreateableSelect/index.js

@@ -13,6 +13,7 @@ var _creatable = _interopRequireDefault(require("react-select/creatable"));
 var _useGetCustomComponents = _interopRequireDefault(require("../hooks/useGetCustomComponents"));
 var _useMenuPositionProps = _interopRequireDefault(require("../hooks/useMenuPositionProps"));
 var _logic = require("../logic");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["css", "asChild", "as", "style", "className", "options", "name", "onChange", "id", "disabled", "hasError", "onCreateOption", "value", "hideDropdownIndicator", "isMulti", "openMenuOnClick", "renderOption", "menuPlacement", "menuPosition", "portalMenu", "icon"];
 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 CreatableSelect = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
@@ -55,7 +56,7 @@ var CreatableSelect = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
     return (0, _logic.getSafeValue)(value, options, isMulti, "CreatableSelect");
   }, [value, options, isMulti]);
   var menuPositionProps = (0, _useMenuPositionProps["default"])(menuPlacement, menuPosition, portalMenu);
-  return /*#__PURE__*/_react["default"].createElement(_creatable["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_creatable["default"], (0, _extends2["default"])({
     id: id,
     onCreateOption: onCreateOption
     // does a check for value and if it exists, it will return the safeValue if it does other wise passes null to allow the component to function uncontrolled

package/dist/Input/Select/SearchSelectInput/index.js

@@ -11,6 +11,7 @@ var _lucideReact = require("lucide-react");
 var _react = _interopRequireDefault(require("react"));
 var _AsyncSelect = _interopRequireDefault(require("../AsyncSelect"));
 var _useGetCustomComponents = _interopRequireDefault(require("../hooks/useGetCustomComponents"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["onSearch", "onChange", "name", "id", "icon", "hideDropdownIndicator", "openMenuOnClick", "isMulti", "valueRenderType"];
 var SearchSelectInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var onSearch = _ref.onSearch,
@@ -34,7 +35,7 @@ var SearchSelectInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref
       valueRenderType: valueRenderType
     }),
     customComponents = _useGetCustomComponen.customComponents;
-  return /*#__PURE__*/_react["default"].createElement(_AsyncSelect["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AsyncSelect["default"], (0, _extends2["default"])({
     onChange: onChange,
     onSearch: onSearch,
     name: name,

package/dist/Input/Select/SearchSelectInput/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("<SearchSelectInput />", function () {
   beforeEach(function () {
     jest.clearAllMocks();
@@ -16,7 +17,7 @@ describe("<SearchSelectInput />", function () {
       name: "name",
       id: "id"
     };
-    (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,
       onSearch: mockSearch
     }, mockProps)));
@@ -30,7 +31,7 @@ describe("<SearchSelectInput />", function () {
       name: "name",
       id: "id"
     };
-    (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,
       onSearch: mockSearch
     }, mockProps)));

package/dist/Input/Select/Select/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 _primitives = _interopRequireDefault(require("./primitives"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["css", "asChild", "as", "style", "className", "name", "hasError", "options", "isMulti", "value", "id", "inputId", "openMenuOnClick", "onChange", "disabled", "isClearable", "renderOption", "menuPlacement", "menuPosition", "portalMenu", "icon"];
 var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var css = _ref.css,
@@ -36,7 +37,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwarded
     portalMenu = _ref$portalMenu === void 0 ? false : _ref$portalMenu,
     icon = _ref.icon,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_primitives["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives["default"], (0, _extends2["default"])({
     id: id,
     inputId: inputId,
     value: value,

package/dist/Input/Select/Select/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("<Select />", function () {
   beforeEach(function () {
     jest.clearAllMocks();
@@ -16,7 +17,7 @@ describe("<Select />", function () {
       id: "id",
       options: []
     };
-    (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
     }, mockProps)));
     var select = _react.screen.getByRole("combobox");

package/dist/Input/Select/Select/primitives/index.js

@@ -15,6 +15,7 @@ var _useGetCustomComponents = _interopRequireDefault(require("../../hooks/useGet
 var _useMenuPositionProps = _interopRequireDefault(require("../../hooks/useMenuPositionProps"));
 var _useTypeaheadChangeHandlers = _interopRequireDefault(require("../../hooks/useTypeaheadChangeHandlers"));
 var _logic = require("../../logic");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["css", "asChild", "as", "style", "className", "options", "name", "onChange", "id", "disabled", "hasError", "isClearable", "hideDropdownIndicator", "isMulti", "value", "inputId", "openMenuOnClick", "renderOption", "valueRenderType", "inputValue", "menuPlacement", "menuPosition", "portalMenu", "onInputChange", "noOptionsMessage", "icon"];
 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 SelectPrimitive = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
@@ -72,7 +73,7 @@ var SelectPrimitive = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
     handleOnChange = _useTypeaheadChangeHa2[0],
     handleInputOnChange = _useTypeaheadChangeHa2[1];
   var menuPositionProps = (0, _useMenuPositionProps["default"])(menuPlacement, menuPosition, portalMenu);
-  return /*#__PURE__*/_react["default"].createElement(_reactSelect["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect["default"], (0, _extends2["default"])({
     id: id,
     inputId: inputId
     // does a check for value and if it exists, it will return the safeValue if it does other wise passes null to allow the component to function uncontrolled

package/dist/Input/Select/components/Chip/MultiValueContainer/index.js

@@ -5,22 +5,25 @@ 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 _ChipIcon = _interopRequireDefault(require("../../../../../Chip/components/ChipIcon"));
 var _styled = require("../../../../../Chip/styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var MultiValueContainer = _reactSelect.components.MultiValueContainer;
 function ChipMultiValueContainer(props) {
   var data = props.data;
   var iconProps = data.iconProps,
     onClick = data.onClick,
     isDisabled = data.isDisabled;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseChip, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseChip, {
     size: "default",
     isInteractive: Boolean(onClick),
     onClick: onClick,
     reduceLeftPadding: Boolean(iconProps),
-    isDisabled: isDisabled
-  }, iconProps && /*#__PURE__*/_react["default"].createElement(_ChipIcon["default"], iconProps), /*#__PURE__*/_react["default"].createElement(MultiValueContainer, props));
+    isDisabled: isDisabled,
+    children: [iconProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipIcon["default"], (0, _extends2["default"])({}, iconProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(MultiValueContainer, (0, _extends2["default"])({}, props))]
+  });
 }
 var _default = exports["default"] = ChipMultiValueContainer;

package/dist/Input/Select/components/Chip/MultiValueLabel/index.js

@@ -16,6 +16,7 @@ var _ConditionalTooltipWrapper = _interopRequireDefault(require("../../../../../
 var _empties = require("../../../../../helpers/logic/empties");
 var _useForceUpdate3 = _interopRequireDefault(require("../../../hooks/useForceUpdate"));
 var _useMultiValueLabelCheckbox = _interopRequireDefault(require("./hooks/useMultiValueLabelCheckbox"));
+var _jsxRuntime = require("react/jsx-runtime");
 var MultiValueLabel = _reactSelect.components.MultiValueLabel;
 function ChipMultiValueLabel(props) {
   var data = props.data,
@@ -35,10 +36,15 @@ function ChipMultiValueLabel(props) {
       forceUpdate: forceUpdate
     }),
     handleCheckboxClick = _useMultiValueLabelCh.handleCheckboxClick;
-  return /*#__PURE__*/_react["default"].createElement(_ConditionalTooltipWrapper["default"], {
-    tooltipContent: tooltipContent
-  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_styled.BaseChipLabelContainer, null, /*#__PURE__*/_react["default"].createElement(MultiValueLabel, props), metaLabelProps && /*#__PURE__*/_react["default"].createElement(_MetaLabel["default"], metaLabelProps)), chipCheckboxProps && /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], (0, _extends2["default"])({}, chipCheckboxProps, {
-    onClick: handleCheckboxClick
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalTooltipWrapper["default"], {
+    tooltipContent: tooltipContent,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseChipLabelContainer, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(MultiValueLabel, (0, _extends2["default"])({}, props)), metaLabelProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MetaLabel["default"], (0, _extends2["default"])({}, metaLabelProps))]
+      }), chipCheckboxProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox["default"], (0, _extends2["default"])({}, chipCheckboxProps, {
+        onClick: handleCheckboxClick
+      }))]
+    })
+  });
 }
 var _default = exports["default"] = ChipMultiValueLabel;

package/dist/Input/Select/components/Chip/MultiValueRemove/index.js

@@ -5,15 +5,21 @@ 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 _reactSelect = require("react-select");
 var _RemoveButton = require("../../../../../Chip/components/RemoveButton");
+var _jsxRuntime = require("react/jsx-runtime");
 var MultiValueRemove = _reactSelect.components.MultiValueRemove;
 function CustomMultiValueRemove(props) {
-  return /*#__PURE__*/_react["default"].createElement(_RemoveButton.RemoveButtonContainer, null, /*#__PURE__*/_react["default"].createElement(MultiValueRemove, props, /*#__PURE__*/_react["default"].createElement(_lucideReact.X, {
-    color: "currentColor",
-    size: "1em"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RemoveButton.RemoveButtonContainer, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MultiValueRemove, (0, _extends2["default"])({}, props, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.X, {
+        color: "currentColor",
+        size: "1em"
+      })
+    }))
+  });
 }
 var _default = exports["default"] = CustomMultiValueRemove;

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

@@ -5,13 +5,17 @@ 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 _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function CustomClearButton(innerProps) {
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseClearButton, innerProps, /*#__PURE__*/_react["default"].createElement(_lucideReact.X, {
-    size: "1rem",
-    color: "currentColor"
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseClearButton, (0, _extends2["default"])({}, innerProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.X, {
+      size: "1rem",
+      color: "currentColor"
+    })
   }));
 }
 var _default = exports["default"] = CustomClearButton;

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

@@ -5,10 +5,12 @@ 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 _AdornmentWrapper = _interopRequireDefault(require("../../../TextInput/components/AdornmentWrapper"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function CustomControl(innerProps) {
   var BaseControl = _reactSelect.components.Control;
   var children = innerProps.children,
@@ -17,7 +19,7 @@ function CustomControl(innerProps) {
     hasValue = innerProps.hasValue;
   var icon = selectProps.icon;
   var renderAdornment = function renderAdornment() {
-    return /*#__PURE__*/_react["default"].createElement(_AdornmentWrapper["default"], {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdornmentWrapper["default"], {
       side: "start",
       adornmentProps: {
         type: "icon",
@@ -27,7 +29,11 @@ function CustomControl(innerProps) {
       }
     });
   };
-  return /*#__PURE__*/_react["default"].createElement(BaseControl, innerProps, icon && (isMulti && hasValue ? /*#__PURE__*/_react["default"].createElement(_styled.BaseIsMultiWrapper, null, renderAdornment()) : renderAdornment()), children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BaseControl, (0, _extends2["default"])({}, innerProps, {
+    children: [icon && (isMulti && hasValue ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseIsMultiWrapper, {
+      children: renderAdornment()
+    }) : renderAdornment()), children]
+  }));
 }
 CustomControl.displayName = "CustomControl";
 var _default = exports["default"] = CustomControl;

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

@@ -9,18 +9,20 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _lucideReact = require("lucide-react");
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function CustomDropdownIndicator(innerProps) {
   var _innerProps$selectPro = innerProps.selectProps,
     menuIsOpen = _innerProps$selectPro.menuIsOpen,
     isDisabled = _innerProps$selectPro.isDisabled;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseDropdownIndicator, (0, _extends2["default"])({}, innerProps, {
-    disabled: isDisabled
-  }), menuIsOpen ? /*#__PURE__*/_react["default"].createElement(_lucideReact.ChevronUp, {
-    size: "1rem",
-    color: "currentColor"
-  }) : /*#__PURE__*/_react["default"].createElement(_lucideReact.ChevronDown, {
-    size: "1rem",
-    color: "currentColor"
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseDropdownIndicator, (0, _extends2["default"])({}, innerProps, {
+    disabled: isDisabled,
+    children: menuIsOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.ChevronUp, {
+      size: "1rem",
+      color: "currentColor"
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.ChevronDown, {
+      size: "1rem",
+      color: "currentColor"
+    })
   }));
 }
 var _default = exports["default"] = CustomDropdownIndicator;

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

@@ -8,9 +8,10 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function CustomInput(innerProps) {
   var isDisabled = innerProps.isDisabled;
-  return /*#__PURE__*/_react["default"].createElement(_styled.CustomSelectInput, (0, _extends2["default"])({}, innerProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.CustomSelectInput, (0, _extends2["default"])({}, innerProps, {
     disabledStyling: isDisabled,
     isHidden: false
   }));

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

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Spinner = _interopRequireDefault(require("../../../../Spinner"));
+var _jsxRuntime = require("react/jsx-runtime");
 function CustomLoadingIndicator() {
-  return /*#__PURE__*/_react["default"].createElement(_Spinner["default"], {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner["default"], {
     size: "sm"
   });
 }

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

@@ -5,10 +5,12 @@ 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 _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function CustomRenderedOption(props) {
   var selectProps = props.selectProps,
     data = props.data,
@@ -20,7 +22,11 @@ function CustomRenderedOption(props) {
     isSelected: isSelected,
     isDisabled: isDisabled
   };
-  if (selectProps.renderOption) return /*#__PURE__*/_react["default"].createElement(_reactSelect.components.Option, props, selectProps.renderOption(data, states));
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseOption, props, /*#__PURE__*/_react["default"].createElement(_OptionValueContents["default"], data));
+  if (selectProps.renderOption) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.Option, (0, _extends2["default"])({}, props, {
+    children: selectProps.renderOption(data, states)
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseOption, (0, _extends2["default"])({}, props, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OptionValueContents["default"], (0, _extends2["default"])({}, data))
+  }));
 }
 var _default = exports["default"] = CustomRenderedOption;