@algolia/satellite 1.0.0-beta.130 → 1.0.0-beta.133

package/esm/Dropdown/components/DropdownButtonItem.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -7,14 +6,15 @@ var _templateObject, _templateObject2, _templateObject3;
 
 var _excluded = ["children", "variant", "toggle", "startIcon"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React from "react";
 import cx from "classnames";
 import stl from "../../styles/helpers/satellitePrefixer";
 import useDropdownItemProps from "../useDropdownItemProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DropdownButtonItem = function DropdownButtonItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
 
@@ -26,14 +26,16 @@ export var DropdownButtonItem = function DropdownButtonItem(props) {
       mergedProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
 
   var showDestructiveVariant = !props.disabled && variant === "destructive";
-  return /*#__PURE__*/React.createElement("button", _extends({}, mergedProps, {
-    className: cx(mergedProps.className, stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full"]))))
-  }), StartIcon && /*#__PURE__*/React.createElement(StartIcon, {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),
-    size: "1rem"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate ", ""])), showDestructiveVariant && "text-red-700")
-  }, children));
+  return /*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread({}, mergedProps), {}, {
+    className: cx(mergedProps.className, stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full"])))),
+    children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),
+      size: "1rem"
+    }), /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate ", ""])), showDestructiveVariant && "text-red-700"),
+      children: children
+    })]
+  }));
 };
 DropdownButtonItem.defaultProps = {
   toggle: true

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts

@@ -1,10 +1,10 @@
-import React, { FC } from "react";
+import type { FC, MouseEvent, ReactNode } from "react";
 export interface DropdownCollapsibleItemProps {
-    title: React.ReactNode;
+    title: ReactNode;
     name?: string;
     expanded?: boolean;
-    onClick?: (evt: React.MouseEvent<HTMLElement>, name: string, expandedItems: readonly string[]) => void;
-    children: React.ReactNode;
+    onClick?: (evt: MouseEvent<HTMLElement>, name: string, expandedItems: readonly string[]) => void;
+    children: ReactNode;
 }
 export declare const DropdownCollapsibleItem: FC<DropdownCollapsibleItemProps>;
 export default DropdownCollapsibleItem;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js

@@ -3,11 +3,13 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-import React, { useState } from "react";
+import { useState } from "react";
 import { ChevronDown, ChevronRight } from "react-feather";
-import { uniqueId } from "../../../utils";
 import stl from "../../../styles/helpers/satellitePrefixer";
+import { uniqueId } from "../../../utils";
 import { useDropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroupContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
   var title = _ref.title,
       name = _ref.name,
@@ -27,25 +29,30 @@ export var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
 
   var itemName = name !== null && name !== void 0 ? name : internalName;
   var isExpanded = typeof expanded === "boolean" ? expanded : expandedItems.includes(itemName);
-  return /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex flex-col"])))
-  }, /*#__PURE__*/React.createElement("button", {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          w-full h-10 px-4\n          flex items-center justify-between\n          text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer\n        "]))),
-    onClick: function onClick(evt) {
-      if (typeof expanded === "boolean") {
-        _onClick === null || _onClick === void 0 ? void 0 : _onClick(evt, itemName, expandedItems);
-      } else {
-        onItemClick(itemName);
-      }
-    }
-  }, /*#__PURE__*/React.createElement("div", null, title), isExpanded ? /*#__PURE__*/React.createElement(ChevronDown, {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-grey-500"]))),
-    size: "1.25em"
-  }) : /*#__PURE__*/React.createElement(ChevronRight, {
-    className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["text-grey-500"]))),
-    size: "1.25em"
-  })), isExpanded && /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"])))
-  }, children));
+  return /*#__PURE__*/_jsxs("div", {
+    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex flex-col"]))),
+    children: [/*#__PURE__*/_jsxs("button", {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          w-full h-10 px-4\n          flex items-center justify-between\n          text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer\n        "]))),
+      onClick: function onClick(evt) {
+        if (typeof expanded === "boolean") {
+          _onClick === null || _onClick === void 0 ? void 0 : _onClick(evt, itemName, expandedItems);
+        } else {
+          onItemClick(itemName);
+        }
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        children: title
+      }), isExpanded ? /*#__PURE__*/_jsx(ChevronDown, {
+        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-grey-500"]))),
+        size: "1.25em"
+      }) : /*#__PURE__*/_jsx(ChevronRight, {
+        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["text-grey-500"]))),
+        size: "1.25em"
+      })]
+    }), isExpanded && /*#__PURE__*/_jsx("div", {
+      className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"]))),
+      children: children
+    })]
+  });
 };
 export default DropdownCollapsibleItem;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 export declare type DropdownCollapsibleItemsGroupProps = {
     expandedItems: string[];
     onItemClick(name: string): void;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js

@@ -1,13 +1,14 @@
-import React from "react";
 import { DropdownCollapsibleItemsGroupContext } from "./DropdownCollapsibleItemsGroupContext";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var DropdownCollapsibleItemsGroup = function DropdownCollapsibleItemsGroup(_ref) {
   var expandedItems = _ref.expandedItems,
       onItemClick = _ref.onItemClick,
       children = _ref.children;
-  return /*#__PURE__*/React.createElement(DropdownCollapsibleItemsGroupContext.Provider, {
+  return /*#__PURE__*/_jsx(DropdownCollapsibleItemsGroupContext.Provider, {
     value: {
       expandedItems: expandedItems,
       onItemClick: onItemClick
-    }
-  }, children);
+    },
+    children: children
+  });
 };

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 export declare type DropdownCollapsibleItemsMultiGroupProps = {
     initialExpandedItems?: string[];
     children: ReactNode;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js

@@ -1,7 +1,8 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from "react";
+import { useState } from "react";
 import { DropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroup";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 /**
  * Multiple collapsible item can be open at a given time
@@ -17,7 +18,7 @@ export var DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItem
       expandedItems = _useState2[0],
       setExpandedItems = _useState2[1];
 
-  return /*#__PURE__*/React.createElement(DropdownCollapsibleItemsGroup, {
+  return /*#__PURE__*/_jsx(DropdownCollapsibleItemsGroup, {
     expandedItems: expandedItems,
     onItemClick: function onItemClick(name) {
       return setExpandedItems(function (items) {
@@ -25,6 +26,7 @@ export var DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItem
           return i !== name;
         }) : [].concat(_toConsumableArray(items), [name]);
       });
-    }
-  }, children);
+    },
+    children: children
+  });
 };

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 export declare type DropdownCollapsibleItemsExclusiveGroupProps = {
     initialExpandedItem?: string;
     children: ReactNode;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js

@@ -1,6 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from "react";
+import { useState } from "react";
 import { DropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroup";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 /**
  * Only one collapsible item can be open at a given time (unless you manually override)
@@ -16,12 +17,13 @@ export var DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleIte
       expandedItems = _useState2[0],
       setExpandedItems = _useState2[1];
 
-  return /*#__PURE__*/React.createElement(DropdownCollapsibleItemsGroup, {
+  return /*#__PURE__*/_jsx(DropdownCollapsibleItemsGroup, {
     expandedItems: expandedItems,
     onItemClick: function onItemClick(name) {
       return setExpandedItems(function (items) {
         return items.includes(name) ? [] : [name];
       });
-    }
-  }, children);
+    },
+    children: children
+  });
 };

package/esm/Dropdown/components/DropdownDivider.js

@@ -2,10 +2,10 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject;
 
-import React from "react";
 import stl from "../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var DropdownDivider = function DropdownDivider() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["border-b border-grey-100"])))
   });
 };

package/esm/Dropdown/components/DropdownFooterItem.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import type { ReactNode } from "react";
 declare type DropdownFooterItemProps = {
     className?: string;
-    children: React.ReactNode;
+    children: ReactNode;
 };
 export declare const DropdownFooterItem: ({ children, className, ...props }: DropdownFooterItemProps) => JSX.Element | null;
 export default DropdownFooterItem;

package/esm/Dropdown/components/DropdownFooterItem.js

@@ -1,21 +1,28 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 
 var _templateObject;
 
 var _excluded = ["children", "className"];
-import React from "react";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import cx from "classnames";
 import stl from "../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var DropdownFooterItem = function DropdownFooterItem(_ref) {
   var children = _ref.children,
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   if (!children) return null;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex bg-grey-100 -mb-1 items-center justify-between px-4 py-3 border-t border-grey-200"]))), className)
-  }, props), children);
+  }, props), {}, {
+    children: children
+  }));
 };
 export default DropdownFooterItem;

package/esm/Dropdown/components/DropdownLinkItem.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
@@ -7,15 +6,16 @@ var _templateObject, _templateObject2, _templateObject3;
 
 var _excluded = ["toggle", "disabled", "startIcon", "className", "children"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import cx from "classnames";
-import React from "react";
 import stl from "../../styles/helpers/satellitePrefixer";
 import useLinkProps from "../../utils/useLinkProps";
 import useDropdownItemProps from "../useDropdownItemProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DropdownLinkItem = function DropdownLinkItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
   var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), dropdownItemProps));
@@ -28,15 +28,18 @@ export var DropdownLinkItem = function DropdownLinkItem(props) {
       children = _props$dropdownItemPr.children,
       mergedProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
 
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({
     tabIndex: disabled ? -1 : undefined,
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className)
-  }, mergedProps), StartIcon && /*#__PURE__*/React.createElement(StartIcon, {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 flex-shrink-0 text-grey-500"]))),
-    size: "1rem"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate"])))
-  }, children));
+  }, mergedProps), {}, {
+    children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 flex-shrink-0 text-grey-500"]))),
+      size: "1rem"
+    }), /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate"]))),
+      children: children
+    })]
+  }));
 };
 DropdownLinkItem.defaultProps = {
   toggle: true

package/esm/Dropdown/components/DropdownRadioItem.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import type { ReactNode } from "react";
 import { RadioButtonProps } from "../../RadioGroup";
 import { DropdownBaseItemProps } from "../useDropdownItemProps";
 export interface DropdownRadioItemProps extends RadioButtonProps, DropdownBaseItemProps<HTMLInputElement> {
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export declare const DropdownRadioItem: {
     (props: DropdownRadioItemProps): JSX.Element;

package/esm/Dropdown/components/DropdownRadioItem.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -7,14 +6,15 @@ var _templateObject, _templateObject2, _templateObject3;
 
 var _excluded = ["className", "toggle", "children"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React from "react";
-import stl from "../../styles/helpers/satellitePrefixer";
 import { RadioButton } from "../../RadioGroup";
+import stl from "../../styles/helpers/satellitePrefixer";
 import useDropdownItemProps from "../useDropdownItemProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DropdownRadioItem = function DropdownRadioItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
 
@@ -24,15 +24,18 @@ export var DropdownRadioItem = function DropdownRadioItem(props) {
       children = _props$dropdownItemPr.children,
       radioProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
 
-  return /*#__PURE__*/React.createElement("label", {
-    className: className
-  }, /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex-1 flex items-start py-2 overflow-hidden"])))
-  }, /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex-1 truncate mr-4"])))
-  }, children), /*#__PURE__*/React.createElement(RadioButton, _extends({
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mt-2px mr-2px"])))
-  }, radioProps))));
+  return /*#__PURE__*/_jsx("label", {
+    className: className,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex-1 flex items-start py-2 overflow-hidden"]))),
+      children: [/*#__PURE__*/_jsx("span", {
+        className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex-1 truncate mr-4"]))),
+        children: children
+      }), /*#__PURE__*/_jsx(RadioButton, _objectSpread({
+        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mt-2px mr-2px"])))
+      }, radioProps))]
+    })
+  });
 };
 DropdownRadioItem.defaultProps = {
   toggle: false

package/esm/Dropdown/components/DropdownTitle.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from "react";
+import type { FunctionComponent } from "react";
 export declare type DropdownTitleProps = JSX.IntrinsicElements["h4"];
 export declare const DropdownTitle: FunctionComponent<DropdownTitleProps>;
 export default DropdownTitle;

package/esm/Dropdown/components/DropdownTitle.js

@@ -1,18 +1,23 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 
 var _templateObject;
 
 var _excluded = ["className"];
-import React from "react";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import cx from "classnames";
 import stl from "../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var DropdownTitle = function DropdownTitle(_ref) {
   var className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("h4", _extends({}, props, {
+  return /*#__PURE__*/_jsx("h4", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center h-10 px-4\n          border-grey-100 border-b border-t first:border-t-0\n          display-subheading"]))), className)
   }));
 };

package/esm/Dropdown/components/DropdownToggleItem.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
+import type { ReactNode } from "react";
 import { ToggleProps } from "../../Toggle";
-import { IconComponentType } from "../../types";
+import type { IconComponentType } from "../../types";
 import { DropdownBaseItemProps } from "../useDropdownItemProps";
 export interface DropdownToggleItemProps extends ToggleProps, DropdownBaseItemProps<HTMLInputElement> {
     /** Left aligned icon */
     startIcon?: IconComponentType;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export declare const DropdownToggleItem: {
     (props: DropdownToggleItemProps): JSX.Element;

package/esm/Dropdown/components/DropdownToggleItem.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -7,15 +6,16 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 var _excluded = ["className", "toggle", "startIcon", "children"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React from "react";
 import cx from "classnames";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { Toggle } from "../../Toggle";
 import useDropdownItemProps from "../useDropdownItemProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DropdownToggleItem = function DropdownToggleItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
 
@@ -26,16 +26,18 @@ export var DropdownToggleItem = function DropdownToggleItem(props) {
       children = _props$dropdownItemPr.children,
       toggleProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
 
-  return /*#__PURE__*/React.createElement("label", {
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className)
-  }, StartIcon && /*#__PURE__*/React.createElement(StartIcon, {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 flex-shrink-0 text-grey-500"]))),
-    size: "1rem"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex-1 truncate mr-4"])))
-  }, children), /*#__PURE__*/React.createElement(Toggle, _extends({
-    className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex-shrink-0"])))
-  }, toggleProps)));
+  return /*#__PURE__*/_jsxs("label", {
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className),
+    children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 flex-shrink-0 text-grey-500"]))),
+      size: "1rem"
+    }), /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex-1 truncate mr-4"]))),
+      children: children
+    }), /*#__PURE__*/_jsx(Toggle, _objectSpread({
+      className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex-shrink-0"])))
+    }, toggleProps))]
+  });
 };
 DropdownToggleItem.defaultProps = {
   toggle: false

package/esm/Dropdown/useDropdownItemProps.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import type { EventHandler, MouseEvent } from "react";
 export interface DropdownBaseItemProps<T extends HTMLElement = HTMLElement> {
     className?: string;
     toggle?: boolean;
     disabled?: boolean;
-    onClick?: React.EventHandler<React.MouseEvent<T>>;
+    onClick?: EventHandler<MouseEvent<T>>;
 }
 export declare const useDropdownItemProps: <T extends HTMLElement = HTMLElement>(props: DropdownBaseItemProps<T>) => {
     className: string;
-    onClick: (evt: import("react").MouseEvent<T, MouseEvent>) => void;
+    onClick: (evt: MouseEvent<T, globalThis.MouseEvent>) => void;
     disabled: boolean | undefined;
 };
 export default useDropdownItemProps;

package/esm/Dropzone/Dropzone.d.ts

@@ -1,5 +1,5 @@
-import { FC } from "react";
-import { DropzoneProps as ReactDropZoneProps, FileRejection } from "react-dropzone";
+import type { FC } from "react";
+import { FileRejection, DropzoneProps as ReactDropZoneProps } from "react-dropzone";
 interface DropzoneBaseProps {
     id?: string;
     onChange?(acceptedFiles: File[], fileRejections: FileRejection[]): void;