@algolia/satellite 1.0.0-beta.129 → 1.0.0-beta.132

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;

package/esm/Dropzone/Dropzone.js

@@ -7,12 +7,12 @@ var _excluded = ["id", "placeholder", "disabled", "multiple", "clearable", "onCh
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 
-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, { useCallback, useMemo, useState } from "react";
+import { Fragment, useCallback, useMemo, useState } from "react";
 import { useDropzone } from "react-dropzone";
 import { Check, UploadCloud, X } from "react-feather";
 import { IconButton } from "../Button";
@@ -20,12 +20,15 @@ import { useFieldState } from "../Field";
 import stl from "../styles/helpers/satellitePrefixer";
 import { formatHumanSize } from "../utils/formatters";
 import { uniqueId } from "../utils/uniqueId";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var DropzoneFileItem = function DropzoneFileItem(_ref) {
   var file = _ref.file;
-  return /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["truncate text-grey-900"])))
-  }, file.name, " - ", formatHumanSize(file.size));
+  return /*#__PURE__*/_jsxs("span", {
+    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["truncate text-grey-900"]))),
+    children: [file.name, " - ", formatHumanSize(file.size)]
+  });
 };
 
 var STATUS_CLASSNAMES = {
@@ -35,13 +38,13 @@ var STATUS_CLASSNAMES = {
 };
 
 var InvalidIcon = function InvalidIcon() {
-  return /*#__PURE__*/React.createElement(X, {
+  return /*#__PURE__*/_jsx(X, {
     className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full"])))
   });
 };
 
 var ValidatedIcon = function ValidatedIcon() {
-  return /*#__PURE__*/React.createElement(Check, {
+  return /*#__PURE__*/_jsx(Check, {
     className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-700 p-px rounded-full"])))
   });
 };
@@ -98,8 +101,8 @@ export var Dropzone = function Dropzone(_ref2) {
     return id !== null && id !== void 0 ? id : uniqueId("dropzone");
   }, [id]);
   var isValueEmpty = files.length === 0;
-  var StatusIcon = status === "invalid" ? InvalidIcon : status === "validated" ? ValidatedIcon : React.Fragment;
-  return /*#__PURE__*/React.createElement("div", getRootProps({
+  var StatusIcon = status === "invalid" ? InvalidIcon : status === "validated" ? ValidatedIcon : Fragment;
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, getRootProps({
     "aria-controls": dropzoneId,
     className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            input group\n            ", "\n            ", "\n            min-h-16 cursor-pointer\n            ", ""])), focused && "input-focused", disabled && "input-disabled cursor-not-allowed", isDragReject ? "border-red-200 cursor-not-allowed" : isDragActive ? "border-nebula-500" : null), STATUS_CLASSNAMES[status], className),
     onClick: function onClick(evt) {
@@ -108,42 +111,50 @@ export var Dropzone = function Dropzone(_ref2) {
         evt.stopPropagation();
       }
     }
-  }), /*#__PURE__*/React.createElement("input", getInputProps({
-    id: dropzoneId,
-    onFocus: function onFocus() {
-      return setFocused(true);
-    },
-    onBlur: function onBlur() {
-      return setFocused(false);
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex-1 flex items-center justify-center space-x-2 display-body"])))
-  }, files.length > 0 ? files.length > 1 ? /*#__PURE__*/React.createElement("ul", null, files.map(function (file) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: file.name
-    }, /*#__PURE__*/React.createElement(DropzoneFileItem, {
-      file: file
-    }));
-  })) : /*#__PURE__*/React.createElement(DropzoneFileItem, {
-    file: files[0]
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["flex items-center justify-center space-x-2 display-body"])))
-  }, /*#__PURE__*/React.createElement(UploadCloud, {
-    size: "1rem",
-    className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-200" : "text-grey-500")
-  }), /*#__PURE__*/React.createElement("p", {
-    className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-300" : "typo-subdued")
-  }, placeholder !== null && placeholder !== void 0 ? placeholder : "Drop ".concat(multiple ? "files" : "file", " here or click to select.")))), clearable && !disabled && !isValueEmpty && /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([""])))
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover:visible"),
-    title: "Clear input",
-    icon: X,
-    variant: "subtle",
-    size: "small",
-    tabIndex: -1,
-    "aria-hidden": true,
-    onClick: handleClear
-  })), /*#__PURE__*/React.createElement(StatusIcon, null));
+  })), {}, {
+    children: [/*#__PURE__*/_jsx("input", _objectSpread({}, getInputProps({
+      id: dropzoneId,
+      onFocus: function onFocus() {
+        return setFocused(true);
+      },
+      onBlur: function onBlur() {
+        return setFocused(false);
+      }
+    }))), /*#__PURE__*/_jsx("div", {
+      className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex-1 flex items-center justify-center space-x-2 display-body"]))),
+      children: files.length > 0 ? files.length > 1 ? /*#__PURE__*/_jsx("ul", {
+        children: files.map(function (file) {
+          return /*#__PURE__*/_jsx("li", {
+            children: /*#__PURE__*/_jsx(DropzoneFileItem, {
+              file: file
+            })
+          }, file.name);
+        })
+      }) : /*#__PURE__*/_jsx(DropzoneFileItem, {
+        file: files[0]
+      }) : /*#__PURE__*/_jsxs("div", {
+        className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["flex items-center justify-center space-x-2 display-body"]))),
+        children: [/*#__PURE__*/_jsx(UploadCloud, {
+          size: "1rem",
+          className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-200" : "text-grey-500")
+        }), /*#__PURE__*/_jsx("p", {
+          className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-300" : "typo-subdued"),
+          children: placeholder !== null && placeholder !== void 0 ? placeholder : "Drop ".concat(multiple ? "files" : "file", " here or click to select.")
+        })]
+      })
+    }), clearable && !disabled && !isValueEmpty && /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([""]))),
+      children: /*#__PURE__*/_jsx(IconButton, {
+        className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover:visible"),
+        title: "Clear input",
+        icon: X,
+        variant: "subtle",
+        size: "small",
+        tabIndex: -1,
+        "aria-hidden": true,
+        onClick: handleClear
+      })
+    }), /*#__PURE__*/_jsx(StatusIcon, {})]
+  }));
 };
 export default Dropzone;

package/esm/EmptyState/EmptyState.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { EmptyStateProps } from "./types";
+import type { EmptyStateProps } from "./types";
 /**
  * Empty states are used when a list, table, chart or page has no items or data to show. This is an opportunity to provide explanation or guidance to help users progress. This can also be shown when a features hasn't been enable.
  *

package/esm/EmptyState/EmptyState.js

@@ -2,10 +2,11 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
 
-import React from "react";
 import cx from "classnames";
-import stl from "../styles/helpers/satellitePrefixer";
 import FlexGrid from "../FlexGrid";
+import stl from "../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var CONTAINER_CONTEXT_CLASSNAMES = {
   result: {
     medium: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["max-w-xs"]))),
@@ -61,25 +62,32 @@ var renderEmptyState = function renderEmptyState(_ref) {
   var titleClassNames = cx(stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["text-grey-900"]))), TITLE_CONTEXT_CLASSNAMES[usageContext]);
   var descriptionClassNames = cx(stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["text-grey-600"]))), DESCRIPTION_CONTEXT_CLASSNAMES[usageContext]);
   var actionsClassNames = cx(ACTIONS_CONTEXT_CLASSNAMES[usageContext]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: containerClassNames
-  }, /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["min-w-2/5"])))
-  }, centered && medallion && /*#__PURE__*/React.createElement("div", {
-    className: MEDALLION_CONTEXT_CLASSNAMES[usageContext]
-  }, medallion), /*#__PURE__*/React.createElement("h2", {
-    className: titleClassNames
-  }, title), description && /*#__PURE__*/React.createElement("p", {
-    className: descriptionClassNames
-  }, description), actions && /*#__PURE__*/React.createElement(FlexGrid, {
-    className: actionsClassNames,
-    alignment: centered ? "center" : "leading",
-    distribution: centered ? "center" : "leading",
-    direction: actionsDirection !== null && actionsDirection !== void 0 ? actionsDirection : centered ? "column" : "row",
-    spacing: "sm"
-  }, actions)), illustration && !centered && usageContext === "page" && /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["empty-state-illustration ml-16 hidden lg:flex items-center justify-center"])))
-  }, illustration));
+  return /*#__PURE__*/_jsxs("div", {
+    className: containerClassNames,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["min-w-2/5"]))),
+      children: [centered && medallion && /*#__PURE__*/_jsx("div", {
+        className: MEDALLION_CONTEXT_CLASSNAMES[usageContext],
+        children: medallion
+      }), /*#__PURE__*/_jsx("h2", {
+        className: titleClassNames,
+        children: title
+      }), description && /*#__PURE__*/_jsx("p", {
+        className: descriptionClassNames,
+        children: description
+      }), actions && /*#__PURE__*/_jsx(FlexGrid, {
+        className: actionsClassNames,
+        alignment: centered ? "center" : "leading",
+        distribution: centered ? "center" : "leading",
+        direction: actionsDirection !== null && actionsDirection !== void 0 ? actionsDirection : centered ? "column" : "row",
+        spacing: "sm",
+        children: actions
+      })]
+    }), illustration && !centered && usageContext === "page" && /*#__PURE__*/_jsx("div", {
+      className: stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["empty-state-illustration ml-16 hidden lg:flex items-center justify-center"]))),
+      children: illustration
+    })]
+  });
 };
 /**
  * Empty states are used when a list, table, chart or page has no items or data to show. This is an opportunity to provide explanation or guidance to help users progress. This can also be shown when a features hasn't been enable.

package/esm/EmptyState/types.d.ts

@@ -1,20 +1,20 @@
-/// <reference types="react" />
-import { FlexGridDirection } from "../FlexGrid";
+import type { ReactNode } from "react";
+import type { FlexGridDirection } from "../FlexGrid";
 export declare type EmptyStateUsageContexts = "result" | "feature" | "page";
 export declare type EmptyStateWidths = "medium" | "large" | "xlarge";
 export interface EmptyStatePropsAll {
     /** Descriptive title for the state */
-    title: React.ReactNode;
+    title: ReactNode;
     /** Optional description to explain why the screen is empty or define next steps */
-    description?: React.ReactNode;
+    description?: ReactNode;
     /** Buttons */
-    actions?: React.ReactNode;
+    actions?: ReactNode;
     /** Direction overwrite for the buttons */
     actionsDirection?: FlexGridDirection;
     /** Add a <Medallion /> element in there */
-    medallion?: React.ReactNode;
+    medallion?: ReactNode;
     /** Plop in an `img` element or `svg` here */
-    illustration?: React.ReactNode;
+    illustration?: ReactNode;
     /**
      * UsageContext of the component
      * @default "feature"

package/esm/Field/Field.d.ts

@@ -1,13 +1,13 @@
-import React, { FunctionComponent } from "react";
+import type { FunctionComponent, ReactChild, ReactNode } from "react";
 import { FieldState } from "./FieldStateContext";
 export interface FieldProps {
     /** @ignore */
     className?: string;
     /** Label to display above the nested input */
-    label?: React.ReactChild;
+    label?: ReactChild;
     labelFor?: string;
     /** Helpful description to show below the `Field` */
-    description?: React.ReactNode;
+    description?: ReactNode;
     /**
      * An object to handle state
      * @default DEFAULT_STATE