@algolia/satellite 1.0.0-beta.147 → 1.0.0-beta.148

package/esm/RangeSlider/RangeSlider.js

@@ -2,32 +2,27 @@ 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";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 var _excluded = ["className", "value", "defaultValue", "min", "max", "disabled", "track1Color", "track2Color"];
-
 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 "clsx";
 import { forwardRef, useEffect, useState } from "react";
+import colors from "../styles/colors";
 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;
   if (value > higherBound) return higherBound;
   return value;
 };
-
 var getScaleValues = function getScaleValues(value, min, max) {
   var maxScale = (value - min) / (max - min);
   var minScale = 1 - maxScale;
   return [clamp(maxScale, 0, 1), clamp(minScale, 0, 1)];
 };
+
 /**
  * A range slider is an input field where users select a numeric value within a given range (minimum and maximum values).
  *
@@ -35,62 +30,58 @@ var getScaleValues = function getScaleValues(value, min, max) {
  * - Provide min and max value whenever possible
  * - Provide text input for better accessibility
  */
-
-
 export var RangeSlider = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      value = _ref.value,
-      defaultValue = _ref.defaultValue,
-      _ref$min = _ref.min,
-      min = _ref$min === void 0 ? 0 : _ref$min,
-      _ref$max = _ref.max,
-      max = _ref$max === void 0 ? 100 : _ref$max,
-      disabled = _ref.disabled,
-      track1Color = _ref.track1Color,
-      track2Color = _ref.track2Color,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
+    disabled = _ref.disabled,
+    track1Color = _ref.track1Color,
+    track2Color = _ref.track2Color,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(function () {
-    return (typeof value !== "undefined" ? value : defaultValue) || 0;
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      internalValue = _useState2[0],
-      setInternalValue = _useState2[1];
-
+      return (typeof value !== "undefined" ? value : defaultValue) || 0;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
   var _getScaleValues = getScaleValues(internalValue, min, max),
-      _getScaleValues2 = _slicedToArray(_getScaleValues, 2),
-      track1 = _getScaleValues2[0],
-      track2 = _getScaleValues2[1];
-
+    _getScaleValues2 = _slicedToArray(_getScaleValues, 2),
+    track1 = _getScaleValues2[0],
+    track2 = _getScaleValues2[1];
   useEffect(function () {
     if (typeof value !== "undefined" && value !== internalValue) {
       setInternalValue(value);
     }
   }, [internalValue, value]);
-
   var handleChange = function handleChange(evt) {
     if (otherProps.onChange) {
       otherProps.onChange(evt);
     }
-
     if (!evt.defaultPrevented) {
       setInternalValue(evt.currentTarget.valueAsNumber);
     }
   };
-
+  var trackColors = {
+    track1: disabled ? colors.grey[200] : track1Color,
+    track2: disabled ? colors.grey[100] : track2Color
+  };
   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
+        backgroundColor: trackColors.track1
       }
     }), /*#__PURE__*/_jsx("div", {
       className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["range-slider-track-2"]))),
       style: {
         width: "".concat(track2 * 100, "%"),
-        backgroundColor: track2Color
+        backgroundColor: trackColors.track2
       }
     }), /*#__PURE__*/_jsx("div", {
       className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["range-slider-thumb"]))),

package/esm/RangeSlider/RangeSlider.tailwind.js

@@ -5,7 +5,7 @@ var plugin = _plugin;
 var rgba = _rgba;
 var rangeSliderPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   var thumbHeight = 24;
   var trackHeight = 4;
   addComponents({

package/esm/Satellite/Satellite.js

@@ -3,10 +3,10 @@ import { router as defaultRouter } from "./SatelliteRouter";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Satellite = function Satellite(_ref) {
   var _ref$router = _ref.router,
-      router = _ref$router === void 0 ? defaultRouter : _ref$router,
-      locales = _ref.locales,
-      portalTarget = _ref.portalTarget,
-      children = _ref.children;
+    router = _ref$router === void 0 ? defaultRouter : _ref$router,
+    locales = _ref.locales,
+    portalTarget = _ref.portalTarget,
+    children = _ref.children;
   return /*#__PURE__*/_jsx(SatelliteContext.Provider, {
     value: {
       router: router,

package/esm/Satellite/SatelliteContext.js

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

package/esm/Satellite/SatelliteRouter.js

@@ -5,19 +5,18 @@ export var DefaultRouter = /*#__PURE__*/function () {
   function DefaultRouter() {
     _classCallCheck(this, DefaultRouter);
   }
-
   _createClass(DefaultRouter, [{
     key: "push",
     value: function push(_ref) {
       var url = _ref.url,
-          state = _ref.state;
+        state = _ref.state;
       window.history.pushState(state, "", url);
     }
   }, {
     key: "replace",
     value: function replace(_ref2) {
       var url = _ref2.url,
-          state = _ref2.state;
+        state = _ref2.state;
       window.history.replaceState(state, "", url);
     }
   }, {
@@ -36,7 +35,6 @@ export var DefaultRouter = /*#__PURE__*/function () {
       return href;
     }
   }]);
-
   return DefaultRouter;
 }();
 export var router = new DefaultRouter();

package/esm/Satellite/locale.js

@@ -2,7 +2,6 @@ import { useContext } from "react";
 import SatelliteContext from "./SatelliteContext";
 export var useLocale = function useLocale(componentKey) {
   var _useContext = useContext(SatelliteContext),
-      locales = _useContext.locales;
-
+    locales = _useContext.locales;
   return locales === null || locales === void 0 ? void 0 : locales[componentKey];
 };

package/esm/Satellite/useCreatePortal.js

@@ -4,9 +4,9 @@ import { useSatelliteContext } from "./SatelliteContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var useCreatePortal = function useCreatePortal() {
   var _useSatelliteContext = useSatelliteContext(),
-      portalTarget = _useSatelliteContext.portalTarget; // SSR? Too bad! Abort, abort!
-
+    portalTarget = _useSatelliteContext.portalTarget;
 
+  // SSR? Too bad! Abort, abort!
   if (typeof document === "undefined") return function () {
     return /*#__PURE__*/_jsx(Fragment, {});
   };

package/esm/ScrollIndicator/ScrollIndicator.js

@@ -1,15 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import cx from "clsx";
 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() {
   /**
    * We don't use the actual measurements from the hook because they're not as precise
@@ -18,18 +15,16 @@ var useScrollIndicators = function useScrollIndicators() {
    * This is mostly used as a side-effect to force the component to rerender when its size changes
    */
   var _useMeasure = useMeasure(),
-      _useMeasure2 = _slicedToArray(_useMeasure, 1),
-      setMeasureRef = _useMeasure2[0];
-
+    _useMeasure2 = _slicedToArray(_useMeasure, 1),
+    setMeasureRef = _useMeasure2[0];
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      element = _useState2[0],
-      setElement = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    element = _useState2[0],
+    setElement = _useState2[1];
   var setScrollIndicatorsRef = useCallback(function (element) {
-    setElement(element); // Types are wrong, a ref callback must be able to accept null
+    setElement(element);
+    // Types are wrong, a ref callback must be able to accept null
     // @ts-ignore
-
     setMeasureRef(element);
   }, [setMeasureRef]);
   var fakeScrollRef = useMemo(function () {
@@ -37,48 +32,40 @@ var useScrollIndicators = function useScrollIndicators() {
       current: element
     };
   }, [element]);
-
   var _useScroll = useScroll(fakeScrollRef),
-      scrollTop = _useScroll.y;
-
+    scrollTop = _useScroll.y;
   var result = {
     showTopIndicator: false,
     showBottomIndicator: false,
     setScrollIndicatorsRef: setScrollIndicatorsRef
   };
-
   if (element) {
     var scrollHeight = element.scrollHeight - element.clientHeight;
-
     if (scrollHeight > 0) {
       var percent = Math.floor(scrollTop / scrollHeight * 100);
       result.showTopIndicator = percent > 0;
       result.showBottomIndicator = percent < 100;
     }
   }
-
   return result;
 };
-
 var VARIANT_CLASSNAMES = {
   light: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["scroll-indicator"]))),
   dark: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["scroll-indicator scroll-indicator-dark"])))
 };
 export var ScrollIndicator = function ScrollIndicator(_ref) {
   var _ref$tagName = _ref.tagName,
-      tagName = _ref$tagName === void 0 ? "div" : _ref$tagName,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "light" : _ref$variant,
-      className = _ref.className,
-      wrapperClassName = _ref.wrapperClassName,
-      style = _ref.style,
-      children = _ref.children;
-
+    tagName = _ref$tagName === void 0 ? "div" : _ref$tagName,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "light" : _ref$variant,
+    className = _ref.className,
+    wrapperClassName = _ref.wrapperClassName,
+    style = _ref.style,
+    children = _ref.children;
   var _useScrollIndicators = useScrollIndicators(),
-      showTopIndicator = _useScrollIndicators.showTopIndicator,
-      showBottomIndicator = _useScrollIndicators.showBottomIndicator,
-      setScrollIndicatorsRef = _useScrollIndicators.setScrollIndicatorsRef;
-
+    showTopIndicator = _useScrollIndicators.showTopIndicator,
+    showBottomIndicator = _useScrollIndicators.showBottomIndicator,
+    setScrollIndicatorsRef = _useScrollIndicators.setScrollIndicatorsRef;
   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, {

package/esm/ScrollIndicator/ScrollIndicator.tailwind.js

@@ -5,7 +5,7 @@ var plugin = _plugin;
 var rgba = _rgba;
 var scrollIndicatorPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".scroll-indicator": {
       position: "relative",

package/esm/Select/Select.js

@@ -2,13 +2,9 @@ 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;
-
 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 "clsx";
 import { forwardRef } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
@@ -18,6 +14,7 @@ var VARIANT_CLASSNAMES = {
   medium: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["select-input-medium"]))),
   large: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["select-input-large"])))
 };
+
 /**
  * Select lets users choose one option from an options menu. Consider select when you have 3 or more options, to avoid cluttering the interface.
  *
@@ -26,13 +23,11 @@ var VARIANT_CLASSNAMES = {
  * - Have a default option selected whenever possible
  * - Use `Select` as a placeholder option only if there's no logical default option
  */
-
 export var Select = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "medium" : _ref$variant,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    variant = _ref$variant === void 0 ? "medium" : _ref$variant,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
   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/Select/Select.tailwind.js

@@ -5,10 +5,10 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var disabledColor = _disabledColor;
 var _require = _require2,
-    selectIconBG = _require.selectIconBG;
+  selectIconBG = _require.selectIconBG;
 var selectPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     // I chose .select-input to avoid name collision with tailwindcss.com/docs/user-select/
     ".select-input": {

package/esm/Sidebar/Sidebar.js

@@ -1,12 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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 "clsx";
 import { useCallback } from "react";
 import { useLocale } from "../Satellite";
@@ -21,24 +17,22 @@ var DEFAULT_SIDEBAR_LOCALE = {
 };
 export var Sidebar = function Sidebar(_ref) {
   var id = _ref.id,
-      className = _ref.className,
-      labelProp = _ref.label,
-      localeProp = _ref.locale,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "primary" : _ref$variant,
-      _ref$collapsed = _ref.collapsed,
-      collapsed = _ref$collapsed === void 0 ? false : _ref$collapsed,
-      _ref$isLinkActive = _ref.isLinkActive,
-      isLinkActiveProp = _ref$isLinkActive === void 0 ? matchLocation : _ref$isLinkActive,
-      location = _ref.location,
-      children = _ref.children;
+    className = _ref.className,
+    labelProp = _ref.label,
+    localeProp = _ref.locale,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "primary" : _ref$variant,
+    _ref$collapsed = _ref.collapsed,
+    collapsed = _ref$collapsed === void 0 ? false : _ref$collapsed,
+    _ref$isLinkActive = _ref.isLinkActive,
+    isLinkActiveProp = _ref$isLinkActive === void 0 ? matchLocation : _ref$isLinkActive,
+    location = _ref.location,
+    children = _ref.children;
   var isLinkActive = useCallback(function (href) {
     return isLinkActiveProp(href, location);
   }, [isLinkActiveProp, location]);
   var contextLocale = useLocale("sidebar");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_SIDEBAR_LOCALE), contextLocale), localeProp);
-
   var label = typeof labelProp === "string" ? labelProp : variant === "primary" ? locale.primarySidebarLabel : locale.secondarySidebarLabel;
   return /*#__PURE__*/_jsx(SidebarContext.Provider, {
     value: {

package/esm/Sidebar/SidebarButtonLink.js

@@ -1,13 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 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 { useState } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
 import { TooltipWrapper } from "../Tooltip";
@@ -15,10 +11,9 @@ import useLinkProps from "../utils/useLinkProps";
 import { useSidebarContext } from "./SidebarContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var Tooltip = function Tooltip(_ref) {
   var content = _ref.content,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/_jsx(TooltipWrapper, {
     placement: "right",
     delay: 0,
@@ -35,25 +30,20 @@ var Tooltip = function Tooltip(_ref) {
     children: children
   });
 };
-
 export var SidebarButtonLink = function SidebarButtonLink(props) {
   var id = props.id,
-      icon = props.icon,
-      href = props.href,
-      disabled = props.disabled,
-      children = props.children;
-
+    icon = props.icon,
+    href = props.href,
+    disabled = props.disabled,
+    children = props.children;
   var _useSidebarContext = useSidebarContext(),
-      isLinkActive = _useSidebarContext.isLinkActive,
-      collapsed = _useSidebarContext.collapsed;
-
+    isLinkActive = _useSidebarContext.isLinkActive,
+    collapsed = _useSidebarContext.collapsed;
   var linkProps = useLinkProps(props);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isInteractedWith = _useState2[0],
-      setIsInteractedWith = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isInteractedWith = _useState2[0],
+    setIsInteractedWith = _useState2[1];
   var isActive = !disabled && isLinkActive(href);
   var showColors = !disabled && (isActive || isInteractedWith);
   var Icon = "active" in icon ? showColors ? icon.active : icon.inactive : icon;

package/esm/Sidebar/SidebarContext.js

@@ -2,10 +2,8 @@ import { createContext, useContext } from "react";
 export var SidebarContext = /*#__PURE__*/createContext(null);
 export var useSidebarContext = function useSidebarContext() {
   var context = useContext(SidebarContext);
-
   if (!context) {
     throw new Error("useSidebarContext used outside of Sidebar");
   }
-
   return context;
 };

package/esm/Sidebar/SidebarHeader.js

@@ -1,13 +1,11 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import cx from "clsx";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var SidebarHeader = function SidebarHeader(_ref) {
   var className = _ref.className,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/_jsx("header", {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["h-[72px] shrink-0 border-b border-grey-200/50"]))), className),
     children: children

package/esm/Sidebar/SidebarHeading.js

@@ -1,19 +1,15 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import cx from "clsx";
 import stl from "../styles/helpers/satellitePrefixer";
 import { useSidebarContext } from "./SidebarContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var SidebarHeading = function SidebarHeading(_ref) {
   var id = _ref.id,
-      className = _ref.className,
-      children = _ref.children;
-
+    className = _ref.className,
+    children = _ref.children;
   var _useSidebarContext = useSidebarContext(),
-      collapsed = _useSidebarContext.collapsed;
-
+    collapsed = _useSidebarContext.collapsed;
   return /*#__PURE__*/_jsx("span", {
     id: id,
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          h-8 block leading-[2rem]\n          display-subheading typo-subdued uppercase select-none\n          ", "\n        "])), collapsed && "invisible"), className),

package/esm/Sidebar/SidebarLink.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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 "clsx";
 import stl from "../styles/helpers/satellitePrefixer";
 import useLinkProps from "../utils/useLinkProps";
@@ -15,15 +11,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var SidebarLink = function SidebarLink(props) {
   var _linkProps$href;
-
   var _useSidebarContext = useSidebarContext(),
-      isLinkActive = _useSidebarContext.isLinkActive;
-
+    isLinkActive = _useSidebarContext.isLinkActive;
   var id = props.id,
-      className = props.className,
-      disabled = props.disabled,
-      Icon = props.icon,
-      children = props.children;
+    className = props.className,
+    disabled = props.disabled,
+    Icon = props.icon,
+    children = props.children;
   var linkProps = useLinkProps(props);
   var isActive = !disabled && isLinkActive((_linkProps$href = linkProps.href) !== null && _linkProps$href !== void 0 ? _linkProps$href : "");
   return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({}, linkProps), {}, {

package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 import cx from "clsx";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -9,8 +7,8 @@ var LINK_HEIGHT_PX = 24;
 var LINKS_SPACING_PX = 8;
 export var ActiveLinkIndicator = function ActiveLinkIndicator(_ref) {
   var className = _ref.className,
-      activeIndex = _ref.activeIndex,
-      linksCount = _ref.linksCount;
+    activeIndex = _ref.activeIndex,
+    linksCount = _ref.linksCount;
   var showIndicator = typeof activeIndex === "number" && activeIndex >= 0;
   return /*#__PURE__*/_jsx("div", {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-4 flex justify-center"]))), className),

package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js

@@ -1,20 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 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 stl from "../../styles/helpers/satellitePrefixer";
 import useLinkProps from "../../utils/useLinkProps";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var SidebarGroupLink = function SidebarGroupLink(props) {
   var label = props.label,
-      active = props.active,
-      id = props.id,
-      disabled = props.disabled;
+    active = props.active,
+    id = props.id,
+    disabled = props.disabled;
   var linkProps = useLinkProps(props);
   return /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread({}, linkProps), {}, {
     id: id,