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

package/esm/RangeSlider/RangeSlider.js

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -6,9 +6,16 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var _excluded = ["className", "value", "defaultValue", "min", "max", "disabled", "track1Color", "track2Color"];
-import React, { forwardRef, useState, useEffect } 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 { forwardRef, useEffect, useState } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var clamp = function clamp(value, lowerBound, higherBound) {
   if (value < lowerBound) return lowerBound;
@@ -71,35 +78,36 @@ export var RangeSlider = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   };
 
-  return /*#__PURE__*/React.createElement("div", {
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["range-slider ", ""])), disabled && "opacity-70"), className)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["range-slider-track-1"]))),
-    style: {
-      width: "".concat(track1 * 100, "%"),
-      backgroundColor: track1Color
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["range-slider-track-2"]))),
-    style: {
-      width: "".concat(track2 * 100, "%"),
-      backgroundColor: track2Color
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["range-slider-thumb"]))),
-    style: {
-      left: "".concat(track1 * 100, "%")
-    }
-  }), /*#__PURE__*/React.createElement("input", _extends({}, otherProps, {
-    ref: ref,
-    className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["range-slider-input"]))),
-    type: "range",
-    min: min,
-    max: max,
-    value: internalValue,
-    onChange: handleChange,
-    disabled: disabled
-  })));
+  return /*#__PURE__*/_jsxs("div", {
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["range-slider ", ""])), disabled && "opacity-70"), className),
+    children: [/*#__PURE__*/_jsx("div", {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["range-slider-track-1"]))),
+      style: {
+        width: "".concat(track1 * 100, "%"),
+        backgroundColor: track1Color
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["range-slider-track-2"]))),
+      style: {
+        width: "".concat(track2 * 100, "%"),
+        backgroundColor: track2Color
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["range-slider-thumb"]))),
+      style: {
+        left: "".concat(track1 * 100, "%")
+      }
+    }), /*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({}, otherProps), {}, {
+      ref: ref,
+      className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["range-slider-input"]))),
+      type: "range",
+      min: min,
+      max: max,
+      value: internalValue,
+      onChange: handleChange,
+      disabled: disabled
+    }))]
+  });
 });
 RangeSlider.displayName = "RangeSlider";
 export default RangeSlider;

package/esm/Satellite/Satellite.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from "react";
-import { SatelliteRouter } from "./SatelliteRouter";
+import type { FunctionComponent } from "react";
+import type { SatelliteRouter } from "./SatelliteRouter";
 export interface SatelliteProps {
     router?: SatelliteRouter;
 }

package/esm/Satellite/Satellite.js

@@ -1,12 +1,13 @@
-import React from "react";
 import SatelliteContext from "./SatelliteContext";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var Satellite = function Satellite(_ref) {
   var router = _ref.router,
       children = _ref.children;
-  return /*#__PURE__*/React.createElement(SatelliteContext.Provider, {
+  return /*#__PURE__*/_jsx(SatelliteContext.Provider, {
     value: {
       router: router
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 export default Satellite;

package/esm/Satellite/SatelliteContext.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-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 { createContext, useContext } from "react";
 import { router } from "./SatelliteRouter";

package/esm/Satellite/SatelliteRouter.d.ts

@@ -1,5 +1,5 @@
 import "../utils/event-polyfill";
-import { ParsedLocation } from "../utils/parseUrl";
+import type { ParsedLocation } from "../utils/parseUrl";
 export interface LocationDescriptor {
     url: string;
     state?: any;

package/esm/ScrollIndicator/ScrollIndicator.d.ts

@@ -1,10 +1,10 @@
-import React, { FunctionComponent } from "react";
+import type { CSSProperties, FunctionComponent, ReactHTML } from "react";
 export declare type ScrollIndicatorVariant = "light" | "dark";
 export interface ScrollIndicatorProps {
     wrapperClassName?: string;
     className?: string;
-    style?: React.CSSProperties;
-    tagName?: keyof React.ReactHTML;
+    style?: CSSProperties;
+    tagName?: keyof ReactHTML;
     variant?: ScrollIndicatorVariant;
 }
 export declare const ScrollIndicator: FunctionComponent<ScrollIndicatorProps>;

package/esm/ScrollIndicator/ScrollIndicator.js

@@ -3,11 +3,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-import React, { useCallback, useMemo, useState } from "react";
-import useScroll from "react-use/lib/useScroll";
-import useMeasure from "react-use/lib/useMeasure";
 import cx from "classnames";
+import { createElement, useCallback, useMemo, useState } from "react";
+import useMeasure from "react-use/lib/useMeasure";
+import useScroll from "react-use/lib/useScroll";
 import stl from "../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var useScrollIndicators = function useScrollIndicators() {
   /**
@@ -78,12 +79,13 @@ export var ScrollIndicator = function ScrollIndicator(_ref) {
       showBottomIndicator = _useScrollIndicators.showBottomIndicator,
       setScrollIndicatorsRef = _useScrollIndicators.setScrollIndicatorsRef;
 
-  return /*#__PURE__*/React.createElement("div", {
-    className: cx(VARIANT_CLASSNAMES[variant], stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          ", "\n          ", "\n        "])), showTopIndicator && "scroll-indicator-top", showBottomIndicator && "scroll-indicator-bottom"), wrapperClassName)
-  }, /*#__PURE__*/React.createElement(tagName, {
-    style: style,
-    className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["scroll-indicator-content"]))), className),
-    ref: setScrollIndicatorsRef
-  }, children));
+  return /*#__PURE__*/_jsx("div", {
+    className: cx(VARIANT_CLASSNAMES[variant], stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          ", "\n          ", "\n        "])), showTopIndicator && "scroll-indicator-top", showBottomIndicator && "scroll-indicator-bottom"), wrapperClassName),
+    children: /*#__PURE__*/createElement(tagName, {
+      style: style,
+      className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["scroll-indicator-content"]))), className),
+      ref: setScrollIndicatorsRef
+    }, children)
+  });
 };
 export default ScrollIndicator;

package/esm/Select/Select.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+import type { SelectHTMLAttributes } from "react";
 export declare type SelectVariants = "small" | "medium" | "large";
-export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     variant?: SelectVariants;
 }
 /**
@@ -11,5 +11,5 @@ export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElemen
  * - Have a default option selected whenever possible
  * - Use `Select` as a placeholder option only if there's no logical default option
  */
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLSelectElement>>;
 export default Select;

package/esm/Select/Select.js

@@ -1,13 +1,18 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["variant", "className"];
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-import React, { forwardRef } 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 { forwardRef } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
 var VARIANT_CLASSNAMES = {
   small: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["select-input-small"]))),
   medium: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["select-input-medium"]))),
@@ -28,7 +33,7 @@ export var Select = /*#__PURE__*/forwardRef(function (_ref, ref) {
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("select", _extends({}, props, {
+  return /*#__PURE__*/_jsx("select", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["select-input display-body"]))), VARIANT_CLASSNAMES[variant], className),
     ref: ref
   }));

package/esm/Sidebar/Sidebar.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
-import { SidebarVariant, SidebarCollapsed } from "./types";
-export interface SidebarProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+import type { DetailedHTMLProps, HTMLAttributes } from "react";
+import type { SidebarCollapsed, SidebarVariant } from "./types";
+export interface SidebarProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
     variant?: SidebarVariant;
     collapsed?: SidebarCollapsed;
 }
 export declare const Sidebar: {
     ({ className, variant, collapsed, children, ...navProps }: SidebarProps): JSX.Element;
     Header: ({ className, children, ...headingProps }: import("./components/SidebarHeader").SidebarHeaderProps) => JSX.Element;
-    Link: React.FunctionComponent<import("./components/SidebarLink").SidebarLinkProps>;
+    Link: import("react").FunctionComponent<import("./components/SidebarLink").SidebarLinkProps>;
 };
 export default Sidebar;

package/esm/Sidebar/Sidebar.js

@@ -1,16 +1,22 @@
-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", "variant", "collapsed", "children"];
-import React, { useMemo } 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 { useMemo } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
-import SidebarContext, { SIDEBAR_CONTEXT_DEFAULT } from "./SidebarContext";
 import SidebarHeader from "./components/SidebarHeader";
 import SidebarLink from "./components/SidebarLink";
+import SidebarContext, { SIDEBAR_CONTEXT_DEFAULT } from "./SidebarContext";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var Sidebar = function Sidebar(_ref) {
   var className = _ref.className,
       _ref$variant = _ref.variant,
@@ -26,11 +32,13 @@ export var Sidebar = function Sidebar(_ref) {
       collapsed: collapsed
     };
   }, [variant, collapsed]);
-  return /*#__PURE__*/React.createElement(SidebarContext.Provider, {
-    value: sidebarContext
-  }, /*#__PURE__*/React.createElement("nav", _extends({}, navProps, {
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["sidebar ", " ", " display-body"])), variant === "light" && "sidebar-light", collapsed && "sidebar-collapsed"), className)
-  }), children));
+  return /*#__PURE__*/_jsx(SidebarContext.Provider, {
+    value: sidebarContext,
+    children: /*#__PURE__*/_jsx("nav", _objectSpread(_objectSpread({}, navProps), {}, {
+      className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["sidebar ", " ", " display-body"])), variant === "light" && "sidebar-light", collapsed && "sidebar-collapsed"), className),
+      children: children
+    }))
+  });
 };
 Sidebar.Header = SidebarHeader;
 Sidebar.Link = SidebarLink;

package/esm/Sidebar/SidebarContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SidebarVariant, SidebarCollapsed } from "./types";
+import type { SidebarCollapsed, SidebarVariant } from "./types";
 export interface SideBarContextType {
     variant: SidebarVariant;
     collapsed: SidebarCollapsed;

package/esm/Sidebar/components/SidebarHeader.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-export interface SidebarHeaderProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
+import type { DetailedHTMLProps, HTMLAttributes } from "react";
+export interface SidebarHeaderProps extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
 }
 export declare const SidebarHeader: ({ className, children, ...headingProps }: SidebarHeaderProps) => JSX.Element;
 export default SidebarHeader;

package/esm/Sidebar/components/SidebarHeader.js

@@ -1,14 +1,19 @@
-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", "children"];
-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 { useSidebarContext } from "../SidebarContext";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var SidebarHeader = function SidebarHeader(_ref) {
   var className = _ref.className,
       children = _ref.children,
@@ -18,8 +23,9 @@ export var SidebarHeader = function SidebarHeader(_ref) {
       variant = _useSidebarContext.variant,
       collapsed = _useSidebarContext.collapsed;
 
-  return /*#__PURE__*/React.createElement("h3", _extends({}, headingProps, {
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        h-10 pl-8\n        flex items-center\n        display-subheading uppercase\n        ", "\n        ", "\n      "])), variant === "dark" ? "text-white" : "text-grey-900", collapsed && "invisible overflow-hidden"), className)
-  }), children);
+  return /*#__PURE__*/_jsx("h3", _objectSpread(_objectSpread({}, headingProps), {}, {
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        h-10 pl-8\n        flex items-center\n        display-subheading uppercase\n        ", "\n        ", "\n      "])), variant === "dark" ? "text-white" : "text-grey-900", collapsed && "invisible overflow-hidden"), className),
+    children: children
+  }));
 };
 export default SidebarHeader;

package/esm/Sidebar/components/SidebarLink.d.ts

@@ -1,7 +1,7 @@
-import React, { FunctionComponent } from "react";
+import type { AnchorHTMLAttributes, DetailedHTMLProps, FunctionComponent } from "react";
+import type { IconComponentType } from "../../types";
 import matchLocation from "../../utils/matchLocation";
-import { IconComponentType } from "../../types";
-export interface SidebarLinkProps extends React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
+export interface SidebarLinkProps extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
     icon?: IconComponentType;
     active?: typeof matchLocation | boolean;
 }

package/esm/Sidebar/components/SidebarLink.js

@@ -1,23 +1,32 @@
-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, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var _excluded = ["className", "children", "active", "icon"];
-import React from "react";
-import { ExternalLink } from "react-feather";
+
+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 { ExternalLink } from "react-feather";
 import useLocation from "react-use/lib/useLocation";
-import useLinkProps from "../../utils/useLinkProps";
-import matchLocation from "../../utils/matchLocation";
 import stl from "../../styles/helpers/satellitePrefixer";
-import { useSidebarContext } from "../SidebarContext";
 import { TooltipWrapper } from "../../Tooltip";
+import matchLocation from "../../utils/matchLocation";
+import useLinkProps from "../../utils/useLinkProps";
+import { useSidebarContext } from "../SidebarContext";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var IdentityWrapper = function IdentityWrapper(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
 };
 
 export var SidebarLink = function SidebarLink(_ref2) {
@@ -44,22 +53,26 @@ export var SidebarLink = function SidebarLink(_ref2) {
   var activeIconBackground = variant === "light" ? "bg-accent-200" : "bg-grey-800";
   var Wrapper = collapsed ? TooltipWrapper : IdentityWrapper;
   var isExternalLink = satelliteLinkProps.target === "_blank";
-  return /*#__PURE__*/React.createElement(Wrapper, {
+  return /*#__PURE__*/_jsx(Wrapper, {
     wrapperClassName: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full"]))),
     content: children,
     tooltipVariant: "light",
-    placement: "right"
-  }, /*#__PURE__*/React.createElement("a", _extends({}, anchorProps, satelliteLinkProps, {
-    className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["sidebar-link display-body\n          ", "\n          ", "\n        "])), variant === "light" && "sidebar-link-light", showActive && "sidebar-link-active"), className)
-  }), Icon && /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            flex-shrink-0\n            ml-1 mr-2 h-6 w-6\n            flex items-center justify-center\n            text-inherit rounded\n            ", "\n          "])), showActive && activeIconBackground)
-  }, /*#__PURE__*/React.createElement(Icon, {
-    size: "1rem"
-  })), !collapsed && /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex-1 truncate ", ""])), !Icon && "ml-2")
-  }, children), !collapsed && isExternalLink && /*#__PURE__*/React.createElement(ExternalLink, {
-    className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["ml-1"]))),
-    size: "1em"
-  })));
+    placement: "right",
+    children: /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), satelliteLinkProps), {}, {
+      className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["sidebar-link display-body\n          ", "\n          ", "\n        "])), variant === "light" && "sidebar-link-light", showActive && "sidebar-link-active"), className),
+      children: [Icon && /*#__PURE__*/_jsx("span", {
+        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            flex-shrink-0\n            ml-1 mr-2 h-6 w-6\n            flex items-center justify-center\n            text-inherit rounded\n            ", "\n          "])), showActive && activeIconBackground),
+        children: /*#__PURE__*/_jsx(Icon, {
+          size: "1rem"
+        })
+      }), !collapsed && /*#__PURE__*/_jsx("span", {
+        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex-1 truncate ", ""])), !Icon && "ml-2"),
+        children: children
+      }), !collapsed && isExternalLink && /*#__PURE__*/_jsx(ExternalLink, {
+        className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["ml-1"]))),
+        size: "1em"
+      })]
+    }))
+  });
 };
 export default SidebarLink;

package/esm/Switch/Switch.d.ts

@@ -1,11 +1,11 @@
-import React, { FunctionComponent } from "react";
-import { SwitchSize } from "./types";
+import type { FunctionComponent, ReactNode } from "react";
+import type { SwitchSize } from "./types";
 export interface SwitchProps {
     className?: string;
     value: string;
     disabled?: boolean;
     onChange: (value: string) => void;
-    children: React.ReactNode;
+    children: ReactNode;
     size?: SwitchSize;
     name?: string;
 }

package/esm/Switch/Switch.js

@@ -3,13 +3,15 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 var _templateObject, _templateObject2;
 
-import React, { useState, useLayoutEffect, useRef } from "react";
 import cx from "classnames";
-import stl from "../styles/helpers/satellitePrefixer";
+import { useLayoutEffect, useRef, useState } from "react";
 import { BUTTON_SIZE_CLASSNAMES } from "../Button/styles";
 import { RadioGroupContext } from "../RadioGroup";
+import stl from "../styles/helpers/satellitePrefixer";
 import uniqueId from "../utils/uniqueId";
 import { buildAnimationKeySelector } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Switch = function Switch(_ref) {
   var className = _ref.className,
       children = _ref.children,
@@ -64,20 +66,22 @@ export var Switch = function Switch(_ref) {
       setValueIndicatorStyle(newValueIndicatorStyle);
     }
   });
-  return /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
+  return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
     value: {
       value: value,
       name: radioName,
       onChange: onChange,
       disabled: disabled
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["switch\n           relative inline-flex typo-display-body rounded bg-grey-100\n           ", "\n          "])), size === "large" ? "switch-large space-x-1" : "space-x-2px"), BUTTON_SIZE_CLASSNAMES[size], className)
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: valueIndicatorRef,
-    style: valueIndicatorStyle,
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            absolute top-0 left-0 z-0 min-w-4 h-full\n            btn btn-neutral \n            pointer-events-none invisible\n          "])))
-  }), children));
+    },
+    children: /*#__PURE__*/_jsxs("div", {
+      ref: containerRef,
+      className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["switch\n           relative inline-flex typo-display-body rounded bg-grey-100\n           ", "\n          "])), size === "large" ? "switch-large space-x-1" : "space-x-2px"), BUTTON_SIZE_CLASSNAMES[size], className),
+      children: [/*#__PURE__*/_jsx("div", {
+        ref: valueIndicatorRef,
+        style: valueIndicatorStyle,
+        className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            absolute top-0 left-0 z-0 min-w-4 h-full\n            btn btn-neutral\n            pointer-events-none invisible\n          "])))
+      }), children]
+    })
+  });
 };
 export default Switch;

package/esm/Switch/SwitchOption.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from "react";
+import type { FunctionComponent } from "react";
 export interface SwitchOptionProps {
     value: string;
     disabled?: boolean;

package/esm/Switch/SwitchOption.js

@@ -1,13 +1,18 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
 var _templateObject, _templateObject2;
 
-import React from "react";
-import stl from "../styles/helpers/satellitePrefixer";
+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 { useRadioGroupContext } from "../RadioGroup";
+import stl from "../styles/helpers/satellitePrefixer";
 import { OverflowTooltipWrapper } from "../Tooltip/OverflowTooltipWrapper";
 import { buildAnimationProps } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var SwitchOption = function SwitchOption(_ref) {
   var value = _ref.value,
       disabled = _ref.disabled,
@@ -15,18 +20,22 @@ export var SwitchOption = function SwitchOption(_ref) {
   var context = useRadioGroupContext();
   var checked = context.value === value;
   var inputDisabled = context.disabled || disabled;
-  return /*#__PURE__*/React.createElement("label", _extends({
+  return /*#__PURE__*/_jsxs("label", _objectSpread(_objectSpread({
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        inline-flex justify-center items-center min-w-16 max-w-48 px-4 z-10 flex-grow flex-shrink\n        ", "\n        ", "\n      "])), inputDisabled ? "cursor-not-allowed opacity-60 rounded bg-grey-100" : "cursor-pointer", !checked && !inputDisabled && "rounded hover:bg-accent-200 hover:bg-opacity-20 transition-colors duration-100 ease-linear")
-  }, buildAnimationProps(context.name, value)), /*#__PURE__*/React.createElement("input", {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["w-0 h-0 opacity-0"]))),
-    type: "radio",
-    value: value,
-    name: context.name,
-    checked: checked,
-    disabled: inputDisabled,
-    onChange: function onChange(evt) {
-      return context.onChange(evt.currentTarget.value);
-    }
-  }), /*#__PURE__*/React.createElement(OverflowTooltipWrapper, null, children));
+  }, buildAnimationProps(context.name, value)), {}, {
+    children: [/*#__PURE__*/_jsx("input", {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["w-0 h-0 opacity-0"]))),
+      type: "radio",
+      value: value,
+      name: context.name,
+      checked: checked,
+      disabled: inputDisabled,
+      onChange: function onChange(evt) {
+        return context.onChange(evt.currentTarget.value);
+      }
+    }), /*#__PURE__*/_jsx(OverflowTooltipWrapper, {
+      children: children
+    })]
+  }));
 };
 export default SwitchOption;

package/esm/Tables/DataTable/DataTable.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { ColumnDefinition, Row, Status, SelectMode, PaginationConfiguration, Sorting, DataConfiguration, GetItemId } from "./types";
+import type { ReactNode } from "react";
+import type { ColumnDefinition, DataConfiguration, GetItemId, PaginationConfiguration, Row, SelectMode, Sorting, Status } from "./types";
 declare type CanSelectItem<Item> = (item: Item, idx: number) => boolean;
 interface BaseDataTableProps<Item> {
     data: Item[];
@@ -8,8 +8,8 @@ interface BaseDataTableProps<Item> {
     sorting?: Sorting[];
     onChange?(dataConfiguration: DataConfiguration): void;
     status?: Status;
-    noDataContent?: React.ReactNode;
-    errorContent?: React.ReactNode;
+    noDataContent?: ReactNode;
+    errorContent?: ReactNode;
     columns: ColumnDefinition<Item>[];
     canHoverRow?(row: Row<Item>): boolean;
     onRowHoveredChanged?(row: Row<Item> | null): void;