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

package/cjs/RangeSlider/RangeSlider.js

@@ -2,14 +2,12 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.RangeSlider = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -17,19 +15,21 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _react = require("react");
+
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var _excluded = ["className", "value", "defaultValue", "min", "max", "disabled", "track1Color", "track2Color"];
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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 _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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) { (0, _defineProperty2["default"])(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; }
 
 var clamp = function clamp(value, lowerBound, higherBound) {
   if (value < lowerBound) return lowerBound;
@@ -92,35 +92,36 @@ var RangeSlider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }
   };
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["range-slider ", ""])), disabled && "opacity-70"), className)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["range-slider-track-1"]))),
-    style: {
-      width: "".concat(track1 * 100, "%"),
-      backgroundColor: track1Color
-    }
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["range-slider-track-2"]))),
-    style: {
-      width: "".concat(track2 * 100, "%"),
-      backgroundColor: track2Color
-    }
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["range-slider-thumb"]))),
-    style: {
-      left: "".concat(track1 * 100, "%")
-    }
-  }), /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({}, otherProps, {
-    ref: ref,
-    className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["range-slider-input"]))),
-    type: "range",
-    min: min,
-    max: max,
-    value: internalValue,
-    onChange: handleChange,
-    disabled: disabled
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["range-slider ", ""])), disabled && "opacity-70"), className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["range-slider-track-1"]))),
+      style: {
+        width: "".concat(track1 * 100, "%"),
+        backgroundColor: track1Color
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["range-slider-track-2"]))),
+      style: {
+        width: "".concat(track2 * 100, "%"),
+        backgroundColor: track2Color
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["range-slider-thumb"]))),
+      style: {
+        left: "".concat(track1 * 100, "%")
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, otherProps), {}, {
+      ref: ref,
+      className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["range-slider-input"]))),
+      type: "range",
+      min: min,
+      max: max,
+      value: internalValue,
+      onChange: handleChange,
+      disabled: disabled
+    }))]
+  });
 });
 exports.RangeSlider = RangeSlider;
 RangeSlider.displayName = "RangeSlider";

package/cjs/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/cjs/Satellite/Satellite.js

@@ -7,18 +7,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Satellite = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _SatelliteContext = _interopRequireDefault(require("./SatelliteContext"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Satellite = function Satellite(_ref) {
   var router = _ref.router,
       children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_SatelliteContext["default"].Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SatelliteContext["default"].Provider, {
     value: {
       router: router
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 
 exports.Satellite = Satellite;

package/cjs/Satellite/SatelliteContext.js

@@ -13,9 +13,9 @@ var _react = require("react");
 
 var _SatelliteRouter = require("./SatelliteRouter");
 
-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) { (0, _defineProperty2["default"])(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) { (0, _defineProperty2["default"])(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; }
 
 var DEFAULT_CONTEXT = {
   router: _SatelliteRouter.router

package/cjs/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/cjs/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/cjs/ScrollIndicator/ScrollIndicator.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,21 +11,19 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _useScroll2 = _interopRequireDefault(require("react-use/lib/useScroll"));
+var _react = require("react");
 
 var _useMeasure3 = _interopRequireDefault(require("react-use/lib/useMeasure"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _useScroll2 = _interopRequireDefault(require("react-use/lib/useScroll"));
 
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _jsxRuntime = require("react/jsx-runtime");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 var useScrollIndicators = function useScrollIndicators() {
   /**
@@ -99,13 +95,14 @@ var ScrollIndicator = function ScrollIndicator(_ref) {
       showBottomIndicator = _useScrollIndicators.showBottomIndicator,
       setScrollIndicatorsRef = _useScrollIndicators.setScrollIndicatorsRef;
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(VARIANT_CLASSNAMES[variant], (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n          ", "\n          ", "\n        "])), showTopIndicator && "scroll-indicator-top", showBottomIndicator && "scroll-indicator-bottom"), wrapperClassName)
-  }, /*#__PURE__*/_react["default"].createElement(tagName, {
-    style: style,
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["scroll-indicator-content"]))), className),
-    ref: setScrollIndicatorsRef
-  }, children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames["default"])(VARIANT_CLASSNAMES[variant], (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n          ", "\n          ", "\n        "])), showTopIndicator && "scroll-indicator-top", showBottomIndicator && "scroll-indicator-bottom"), wrapperClassName),
+    children: /*#__PURE__*/(0, _react.createElement)(tagName, {
+      style: style,
+      className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["scroll-indicator-content"]))), className),
+      ref: setScrollIndicatorsRef
+    }, children)
+  });
 };
 
 exports.ScrollIndicator = ScrollIndicator;

package/cjs/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/cjs/Select/Select.js

@@ -2,32 +2,32 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Select = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _react = require("react");
+
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["variant", "className"];
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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 _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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) { (0, _defineProperty2["default"])(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; }
 
 var VARIANT_CLASSNAMES = {
   small: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["select-input-small"]))),
@@ -48,7 +48,7 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       variant = _ref$variant === void 0 ? "medium" : _ref$variant,
       className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement("select", (0, _extends2["default"])({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("select", _objectSpread(_objectSpread({}, props), {}, {
     className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["select-input display-body"]))), VARIANT_CLASSNAMES[variant], className),
     ref: ref
   }));

package/cjs/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/cjs/Sidebar/Sidebar.js

@@ -9,24 +9,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Sidebar = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
+var _react = require("react");
 
-var _SidebarContext = _interopRequireWildcard(require("./SidebarContext"));
+var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 
 var _SidebarHeader = _interopRequireDefault(require("./components/SidebarHeader"));
 
 var _SidebarLink = _interopRequireDefault(require("./components/SidebarLink"));
 
+var _SidebarContext = _interopRequireWildcard(require("./SidebarContext"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _templateObject;
 
 var _excluded = ["className", "variant", "collapsed", "children"];
@@ -35,6 +37,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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) { (0, _defineProperty2["default"])(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; }
+
 var Sidebar = function Sidebar(_ref) {
   var className = _ref.className,
       _ref$variant = _ref.variant,
@@ -49,11 +55,13 @@ var Sidebar = function Sidebar(_ref) {
       collapsed: collapsed
     };
   }, [variant, collapsed]);
-  return /*#__PURE__*/_react["default"].createElement(_SidebarContext["default"].Provider, {
-    value: sidebarContext
-  }, /*#__PURE__*/_react["default"].createElement("nav", (0, _extends2["default"])({}, navProps, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["sidebar ", " ", " display-body"])), variant === "light" && "sidebar-light", collapsed && "sidebar-collapsed"), className)
-  }), children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SidebarContext["default"].Provider, {
+    value: sidebarContext,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", _objectSpread(_objectSpread({}, navProps), {}, {
+      className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["sidebar ", " ", " display-body"])), variant === "light" && "sidebar-light", collapsed && "sidebar-collapsed"), className),
+      children: children
+    }))
+  });
 };
 
 exports.Sidebar = Sidebar;

package/cjs/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/cjs/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/cjs/Sidebar/components/SidebarHeader.js

@@ -7,24 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.SidebarHeader = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 
 var _SidebarContext = require("../SidebarContext");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _templateObject;
 
 var _excluded = ["className", "children"];
 
+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) { (0, _defineProperty2["default"])(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; }
+
 var SidebarHeader = function SidebarHeader(_ref) {
   var className = _ref.className,
       children = _ref.children,
@@ -34,9 +38,10 @@ var SidebarHeader = function SidebarHeader(_ref) {
       variant = _useSidebarContext.variant,
       collapsed = _useSidebarContext.collapsed;
 
-  return /*#__PURE__*/_react["default"].createElement("h3", (0, _extends2["default"])({}, headingProps, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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__*/(0, _jsxRuntime.jsx)("h3", _objectSpread(_objectSpread({}, headingProps), {}, {
+    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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
+  }));
 };
 
 exports.SidebarHeader = SidebarHeader;

package/cjs/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/cjs/Sidebar/components/SidebarLink.js

@@ -7,37 +7,43 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.SidebarLink = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactFeather = require("react-feather");
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _useLocation2 = _interopRequireDefault(require("react-use/lib/useLocation"));
 
-var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+
+var _Tooltip = require("../../Tooltip");
 
 var _matchLocation = _interopRequireDefault(require("../../utils/matchLocation"));
 
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
 
 var _SidebarContext = require("../SidebarContext");
 
-var _Tooltip = require("../../Tooltip");
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var _excluded = ["className", "children", "active", "icon"];
 
+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) { (0, _defineProperty2["default"])(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; }
+
 var IdentityWrapper = function IdentityWrapper(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
 };
 
 var SidebarLink = function SidebarLink(_ref2) {
@@ -64,23 +70,27 @@ var SidebarLink = function SidebarLink(_ref2) {
   var activeIconBackground = variant === "light" ? "bg-accent-200" : "bg-grey-800";
   var Wrapper = collapsed ? _Tooltip.TooltipWrapper : IdentityWrapper;
   var isExternalLink = satelliteLinkProps.target === "_blank";
-  return /*#__PURE__*/_react["default"].createElement(Wrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
     wrapperClassName: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full"]))),
     content: children,
     tooltipVariant: "light",
-    placement: "right"
-  }, /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({}, anchorProps, satelliteLinkProps, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["sidebar-link display-body\n          ", "\n          ", "\n        "])), variant === "light" && "sidebar-link-light", showActive && "sidebar-link-active"), className)
-  }), Icon && /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\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["default"].createElement(Icon, {
-    size: "1rem"
-  })), !collapsed && /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate ", ""])), !Icon && "ml-2")
-  }, children), !collapsed && isExternalLink && /*#__PURE__*/_react["default"].createElement(_reactFeather.ExternalLink, {
-    className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["ml-1"]))),
-    size: "1em"
-  })));
+    placement: "right",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), satelliteLinkProps), {}, {
+      className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["sidebar-link display-body\n          ", "\n          ", "\n        "])), variant === "light" && "sidebar-link-light", showActive && "sidebar-link-active"), className),
+      children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\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__*/(0, _jsxRuntime.jsx)(Icon, {
+          size: "1rem"
+        })
+      }), !collapsed && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate ", ""])), !Icon && "ml-2"),
+        children: children
+      }), !collapsed && isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ExternalLink, {
+        className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["ml-1"]))),
+        size: "1em"
+      })]
+    }))
+  });
 };
 
 exports.SidebarLink = SidebarLink;

package/cjs/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;
 }